国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

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

javascript - webpack 打包 reactjs項目 css 分離

瀏覽:136日期: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精品国产免费久久国语 | 国产手机在线视频放线视频 | 国产日韩久久久精品影院首页 | 日本三级成人中文字幕乱码 | 欧美在线观看一区二区三区 | 男人的天堂欧美精品色偷偷 | 久久久日本久久久久123 | 日韩日b视频 | 成人午夜在线观看国产 | 手机在线精品视频 | 一个人看的日本免费视频 | 女初高中福利视频在线观看 | 亚洲成a人v在线观看 | 97精品国产91久久久久久久 | 日韩中文字幕网站 | 久久视频免费在线观看 | 一级片视频免费看 | 久久99久久精品视频 | 黄色作爱 | 久草网视频| 自拍偷拍图区 | 亚洲激情视频网站 | julia中文字幕久久亚洲 | 日本a级片免费观看 | 欧美视频精品一区二区三区 | 美女一级毛片免费不卡视频 | 中文字幕一区二区视频 | 日韩欧美精品一区二区 | 在线播放另类 | 亚洲一区二区三区首页 | 亚洲欧洲精品国产二码 | 天天澡天天碰天天狠伊人五月 | 老司机午夜性生免费福利 | 欧美三级欧美一级 | 毛片大片免费看 | 黄色片亚洲 | 成人黄色免费看 | 国产综合在线观看视频 |