Webpack 如何防止网页包在我的输出文件夹中生成图像?
当我启动Webpack 如何防止网页包在我的输出文件夹中生成图像?,webpack,urlloader,webpack-file-loader,Webpack,Urlloader,Webpack File Loader,当我启动webpack时,它会编译我的scs文件,并将小文件转换为base64。但是,它也会将我的/img文件夹中的大型图像复制到输出文件夹中。如何防止webpack这样做?我希望webpack在图像文件夹中保留对原始图像的引用,而不是将它们复制到输出文件夹中 webpack创建如下文件(在输出文件夹中): 这是我的网页包配置文件: module.exports = { context: path.join(__dirname, "/www"), entry: [ "./src/base
webpack
时,它会编译我的scs
文件,并将小文件转换为base64
。但是,它也会将我的/img
文件夹中的大型图像复制到输出文件夹中。如何防止webpack
这样做?我希望webpack
在图像文件夹中保留对原始图像的引用,而不是将它们复制到输出文件夹中
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')
]
}
将限制设置为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]',
}
}
将限制设置为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]',
}
}