Question

我正在尝试使用webpack构建简单的网站，除在CSS中生成的背景图片网址外，所有设置都可以。...

我的文件夹结构：

dist /
css /
style.css
图片/
img1.png
js /
index.html

src /
scss /
style.scss
图片/
set1 /
img1.png
js /
index.html

style.scss

.container{
  width: 100%;
  height: 600px;
  background: url('../images/set/car.png') no-repeat;                        
}

style.css

.container{
  width: 100%;
  height: 600px;
  background: url('../images/car.png') no-repeat;                        
}

问题是未在 dist 文件夹中创建的src中的 images / set 文件夹

我的 webpack.config.js

module.exports = {
  entry: {
    plugin: path.resolve(__dirname, 'src/js/plugin.js'),
    main: path.resolve(__dirname, 'src/js/index.js'),
  },
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'js/[name].bundle.js'
  },
  module:{
    rules: [
     {
       test: /\.(jpe?g|png|gif|svg)$/i,
       loader: "file-loader?name=[name].[ext]"
     }
    ]
  }
}

请解决此问题，我提到了很多文章，但没有得到任何解决办法

Webpack：如何使用CSS中的图像并将其提取到CSS文件.....？

0 个答案: