国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - webpack 打包 reactjs項(xiàng)目 css 分離
某草草
某草草 2017-07-05 10:37:20
0
1
998

由于打包體積過(guò)大,所以用 extract-text-webpack-plugin 把 css 抽出來(lái)單獨(dú)的文件,

{
// test: /\.scss|css$/i,
test: /\.scss$/i,
use: ExtractTextPlugin.extract({
  fallback: "style-loader",
  use: [{
      loader: require.resolve('css-loader'),
      options: {
        importLoaders: 1,
        minimize: true,
        sourceMap: true,
      },
    },
    {
      loader: require.resolve('postcss-loader'),
      options: {
        ident: 'postcss', // https://webpack.js.org/guides/migrating/#complex-options
        plugins: () => [
          require('postcss-flexbugs-fixes'),
          autoprefixer({
            browsers: [
              '>1%',
              'last 4 versions',
              'Firefox ESR',
              'not ie < 9', // React doesn't support IE8 anyway
            ],
            flexbox: 'no-2009',
          }),
        ],
      },
    },
    "resolve-url-loader",
    "sass-loader?sourceMap"
  ]
})
},

可是我們希望只把 公共的 css 打包一個(gè) vendor.css ,就像 js 打包一樣 , 有一個(gè) vendor.js 。

比如在 news 詳情頁(yè)組件 加入了 detail.scss , 他也會(huì)被 ExtractTextPlugin 插件一起打包。這個(gè)不是

我們想要的。

某草草
某草草

全部回復(fù)(1)
typecho

webpack配置多個(gè)entry

entry: {
    index: [
        'index.js',
        'index.scss'
    ],
    detail: [
        'detail.js',
        'detail.scss'
    ],
    vendor: [
        'react',
        'react-dom',
        'common.css'
    ]
}
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板