成人视屏在线观看-国产99精品-国产精品1区2区-欧美一级在线观看-国产一区二区日韩-色九九九

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

javascript - webpack 打包css問題

瀏覽:122日期:2023-03-28 13:36:10

問題描述

我在配置webpack的時候,關于css這塊是這樣設置的 loader: ’style-loader!css-loader?modules’

可以使不同模塊之間的樣式命名不會沖突,但是這樣設置之后,我引入的外部css樣式,就不被打包,不能顯示了,請問是什么問題

問題解答

回答1:

將css分為需要打包的和不需要打包的,一般需要打包的css源文件都是預處理文件,比如以.less,.scss,.styl結尾的文件等等,可以對這部分需要打包的文件進行webpack配置,而對.css后綴的文件不作css module處理。

示例:

{test: /.pcss$/,use: [ ’style-loader’, { loader: ’css-loader’, options: { camelCase: true, importLoaders: 1, localIdentName: ’[path][name]---[local]---[hash:base64:5]’, modules: true, }, }, { loader: ’postcss-loader’, options: { plugins: () => [require(’postcss-import’)({ path: path.join(baseDir, ’./src/style’),}),require(’postcss-cssnext’),require(’postcss-nested’),require(’postcss-functions’)({ functions: { // any funcs you wanna },}), ], }, },], }, {test: /.css$/,use: ExtractTextPlugin.extract({ fallback: ’style-loader’, use: [ ’css-loader’, ],}), },

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 欧美一级欧美一级在线播放 | 久久久免费观看 | 欧美一级视频高清片 | 久久精品vr中文字幕 | 欧美69xx| 国产亚洲图片 | 真人一级毛片免费完整视 | 免费国产午夜高清在线视频 | 亚洲成人精品 | 欧美视频精品在线 | 久久艹在线 | 九草在线视频 | 牛人国产偷窥女洗浴在线观看 | 中文字幕有码视频 | 日本三片在在线播放 | 99毛片| 免费看片aⅴ免费大片 | 久久精品视频在线播放 | 国产精品久久久久久网站 | 久久精品免视着国产成人 | 日韩美女专区中文字幕 | 国产精品日韩欧美在线 | 国产在线视频精品视频免费看 | 国产成人免费在线观看 | 69精品免费视频 | 999热精品这里在线观看 | 一本色道久久88加勒比—综合 | 免费国产99久久久香蕉 | 亚洲精品xxx| 国内自拍偷拍视频 | 最近手机高清中文字幕大全7 | 国产孕妇孕交大片孕 | 私人玩物福利视频 | 国产一进一出视频网站 | 99ri在线精品视频在线播放 | 日本伊人精品一区二区三区 | 久久青草国产手机看片福利盒子 | 九九国产在线观看 | 国产成人精品综合在线观看 | 欧美专区一区二区三区 | 成年人在线观看视频网站 |