ExtractTextPlugin 및 CommonsChunkPlugin을 사용하여 일반 스타일을 추출하십시오.

css에있는 일반적인 청크를 wiki section에 따라 추출하려고합니다. 이 문서는 webpack 1에 대한 것이지만 webpack 2에 대한 것은 seems like there is no corresponding example yet입니다. common.css이 아닌 구축 후 나타나는 이유는 얻을 수없는ExtractTextPlugin 및 CommonsChunkPlugin을 사용하여 일반 스타일을 추출하십시오.

module.exports = { 
    context: srcPath, 
    entry: { 
     foo: './css/pages/foo.css', 
     bar: './css/pages/bar.css' 
    }, 
    output: { 
     path: distPath, 
     publicPath: '/assets/', 
     filename: '[name].js' 
    }, 
    module: { 
     rules: [{ 
      test: /\.css$/, 
      use: ExtractTextPlugin.extract([ 
       'css-loader' 
      ]) 
     }] 
    }, 
    plugins: [ 
     new webpack.optimize.CommonsChunkPlugin({ 
      name: 'common', 
      minChunks: 2 
     }), 
     new ExtractTextPlugin({ 
      filename: 'css/[name].[contenthash:base64:5].css', 
      allChunks: true 
     }) 
    ] 
};

: 나는 다음과 같은 웹팩 설정을 사용합니다. 단지 common.js, foo.js, bar.js, foo.css 및 bar.css입니다. 내가 놓친 게 있니? 나는 webpack에서 새롭다.

감사합니다.

출처

2017-02-03 user1636505

나에게 이상하게 보입니다 - 진입 점은 CSS 파일입니까? 나를 돕기 위해, 나는 이것에 대한 명확성이 필요하다. –

@VISHALDAGA 사실 나는 js 파일을 엔트리로 가지고 있는데, 나는 단지 예제를 단순화했다. – user1636505