0
webpack
을 시작하면 내 scss
파일을 컴파일하고 작은 파일을 base64
으로 변환합니다. 그러나 또한 내 /img
폴더의 큰 이미지를 출력 폴더로 복사합니다. 어떻게하면 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')
]
}