【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

以上是 【Web前端问题】wepback css的图片,字体,没有打包出来 的全部内容, 来源链接: www.h5w3.com/136737.html

回到顶部