2016-09-29 73 views
0

当我开始webpack时,它会编译我的scss文件并将小文件转换为base64。但是,它也会将我的/img文件夹中的大图像复制到输出文件夹中。如何防止webpack这样做?我想要那个webpack留在图像文件夹中的原始图像的引用,而不是将它们复制到输出文件夹中。如何防止Webpack在我的输出文件夹中生成图像?

webpack创建一个看起来像这样(在输出文件夹)的文件:

5474fbe2d9c2987bc9345fb6cf66fd25.png 

这里是我的WebPack配置文件:

module.exports = { 
context: path.join(__dirname, "/www"), 
entry: [ 
    "./src/base/style.scss", 
], 
output: { 
    filename: "bundle.css", 
    path: path.join(__dirname, "/www/dist") 
}, 
devtool: "source-map", 
resolve: { 
    extensions: ["", ".scss"] 
}, 
module: { 
    loaders: [ 
     { 
      test: /\.(scss|sass)$/, 
      loader: ExtractTextPlugin.extract('style-loader', 'css-loader', 'sass-loader', 'postcss-loader', 'raw-loader'), 
      exclude: /node_modules/ 
     }, 
     { 
      test: /\.(png|jpeg|jpg|gif|...)(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
      loader: 'url-loader?limit=2000' 
     } 
    ], 
    preLoaders: [ 
     { test: /\.(scss)$/, loader: "source-map-loader" } 
    ] 
}, 
postcss: function() { 
    return [autoprefixer, precss]; 
}, 
sassLoader: { 
    includePaths: [path.join(__dirname, 'www/src')] 
}, 
plugins: [ 
    new webpack.optimize.DedupePlugin(), 
    new ExtractTextPlugin('bundle.css') 
] 
} 

回答

0

限量1和集名

{ 
    test: /\.(png|jpeg|jpg|gif|...)(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
    loader: 'url-loader', 
    query: { 
     limit: 1, 
     name: 'img/[name].[ext]?[hash:5]', 
    } 
} 
相关问题