国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

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

javascript - webpack 打包css問題

瀏覽:132日期: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
相關文章:
主站蜘蛛池模板: 锡林浩特市| 浪卡子县| 甘谷县| 安庆市| 新巴尔虎右旗| 无为县| 府谷县| 陵水| 开封市| 太白县| 林州市| 吉林省| 贡嘎县| 吉安市| 达日县| 呼玛县| 三门县| 利川市| 浦江县| 峡江县| 克拉玛依市| 江城| 修文县| 休宁县| 辉南县| 松溪县| 石城县| 犍为县| 龙南县| 新沂市| 奎屯市| 大方县| 台南市| 深州市| 安义县| 广河县| 新河县| 济源市| 东城区| 微博| 五家渠市|