javascript - wepback css的图片，字体，没有打包出来

Question

我用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)

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

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

Answer 1

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

Answer 2

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