国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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色在线视频 | 国产精品免费aⅴ片在线观看 | 亚洲在线播放 | 极品美女户外勾搭无套 | 99国产福利视频区 | 一品道一本香蕉视频 | 亚洲第一视频网站 | 久草免费小视频 | 欧美真人视频一级毛片 | 国产三级在线观看a | 欧美一区二区三区播放 | 欧美日韩综合网在线观看 | 日韩欧美精品一区二区三区 | 精品欧美亚洲韩国日本久久 | 亚洲一区二区三区在线播放 | 亚洲精品美女在线观看 | 免费观看日本高清a毛片 | 中文字幕亚洲天堂 | 国产精品尹人在线观看免费 | 亚洲精品中文字幕字幕 | 久久er热在这里只有精品85 | 久久厕所视频 | 免费在线观看黄色毛片 | 欧美高清在线精品一区二区不卡 | 久久久久久久久中文字幕 | 狼伊千合综网中文 | 久草天堂 | 亚洲一区亚洲二区 | 欧美亚洲国产精品久久久 | 日本成人免费在线观看 | 中文一区在线 | 成年视频国产免费观看 | 亚洲精品视频在线观看免费 | 日本理论片午夜论片 | 国产三级精品美女三级 | 另类专区国产在线视频 | 91精品国产免费久久久久久 | 久久一二 | 波多野结衣视频在线观看地址免费 |