H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【Web前端问题】wepback css的图片,字体,没有打包出来

我用webpack,打包css的图片时,最后生成的文件是没有的,所有的文件夹里都没有。。。
这是代码:

output: {
    path: path.resolve(__dirname, './dist/'),
    publicPath:'./dist/',
    filename: 'bundle.js'
  },
  module:{
    loaders:[
      {
        test:/\.scss$/,
        loader:ExtractTextPlugin.extract({ fallbackLoader: 'style-loader', loader: 'css-loader?-url!sass-loader?-url' }),
        include:APP_PATH,
      },
      {
        test:/\.(png|jpg|woff|woff2|svg|eot|ttf|otf)$/,
        loader:'file-loader?name=./assets/[name].[ext]',
      }
    ]
  },

这是图片报错。
图片描述

这里打包后的文件,里面都没有css中的图片
图片描述

//css中的图片路径代码是这样的。
background:url(../assets/home_nextBtn.png)

百度过了。。。发现也不行

主要的问题是,文件没有打包出来。。。

回答:

你这里的路径一看就是多了一层啊,修改下publicPath:’/’,看下行不

回答:

如果 env=prod 的话需要写个把静态资源复制到 dist 目录的 script

本文地址:H5W3 » 【Web前端问题】wepback css的图片,字体,没有打包出来

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址