Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
338 views
in Technique[技术] by (71.8m points)

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)

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

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...