av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - webpack 打包 reactjs項目 css 分離

瀏覽:134日期:2023-04-12 09:42:11

問題描述

由于打包體積過大,所以用 extract-text-webpack-plugin 把 css 抽出來單獨的文件,

{// 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-optionsplugins: () => [ 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 打包一個 vendor.css ,就像 js 打包一樣 , 有一個 vendor.js 。

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

我們想要的。

問題解答

回答1:

webpack配置多個entry

entry: { index: [’index.js’,’index.scss’ ], detail: [’detail.js’,’detail.scss’ ], vendor: [’react’,’react-dom’,’common.css’ ]}

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 操皮视频 | 国产亚洲一区二区三区在线观看 | 日一日操一操 | 亚洲最大成人综合 | 韩日一区二区 | 黄色在线免费观看视频网站 | 亚洲高清一区二区三区 | 一区二区视屏 | 久久精品99国产精品 | 欧洲毛片| 久久精品国内 | 国产99热在线 | 久久久蜜臀国产一区二区 | 国产乱码精品一区二区三区中文 | 午夜一区二区三区视频 | 成人福利网站 | 国产精品一区二区av | 国产精品a一区二区三区网址 | www.日韩 | 国产精品激情 | 国产精品久久久久久久久久三级 | 国产传媒视频在线观看 | 国产成人在线观看免费 | 亚洲网站免费看 | 国产福利观看 | 蜜桃av鲁一鲁一鲁一鲁 | 日韩一级二级片 | av天天看 | 国产特级毛片 | 日韩二三区 | 欧美日产国产成人免费图片 | 欧美激情一区二区 | 精品国产精品三级精品av网址 | 一区二区视屏 | 欧美精品久久久久久久久久 | 欧美一区二区三区日韩 | 免费特级黄毛片 | 97国产爽爽爽久久久 | 精品日韩在线观看 | 亚洲女优在线播放 | 成人亚洲视频 |