2016-09-29 4 views
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') 
] 
} 

답변

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]', 
    } 
}