webpack less 後不能生成一個link而是多個style標籤，常見原因

原創 爱屋及邬 2020-06-25 01:48


執行webpack打包後，不能壓縮less成爲一個獨立的css文件，而是在頁面中生成了多個style標籤


測試多個原因後，有以下兩點

1.

寫法錯誤

test: /\.less/,
loader: extractTextPlugin.extract("style-loader！css-loader!less-loader")

要改寫成下面的寫法

test: /\.less/,
loader: extractTextPlugin.extract("style-loader","css-loader!less-loader")




發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

webpack入門到進階（一）安裝

前端技術要求：node，webpack的安裝等使用需要你有node基礎。 用webpack打包項目已經有一年半的 時間了， 我也試試總結一下，然後，進階一下，做下webpcak的使用優化。 首先從最基礎的地方講起，介紹一下webpack是

~倾半世阳光 2020-06-21 07:14:56

webpack入門到進階（二）配置

當webpack安裝好以後，我們就要考慮webpack配置使用了。 webpack配置  在webpack官網中，配置文件建議是webpack.config.js。 當然，你也可以更改，打開node_modules/webpack-

~倾半世阳光 2020-06-21 07:14:56

[one day one question] webpack打包壓縮 ES6 js、.vue報錯

問題描述： 　　報錯： 　　ERROR in js/test.js from UglifyJs 　　Unexpected token punc ?(?, expected punc ?:? [js/test.js:1374,5]，

weixin_39037804 2020-06-16 06:38:20

webpack Promis is undefine

爱屋及邬 2020-02-22 07:22:38

webpack 編譯報錯 Couldn't find preset "env"

爱屋及邬 2020-02-22 07:22:38

webpack less-loader出現異常

爱屋及邬 2020-02-22 07:22:38

webpack 打包時發生 production is undefined 原因

爱屋及邬 2020-02-22 07:22:38

webpack的基礎用法

webxiaoma 2020-02-22 04:25:14

webpack入門到進階（一）安裝

前端技術要求：node，webpack的安裝等使用需要你有node基礎。 用webpack打包項目已經有一年半的 時間了， 我也試試總結一下，然後，進階一下，做下webpcak的使用優化。 首先從最基礎的地方講起，介紹一下webpack是

~倾半世阳光 2020-06-21 07:14:56

webpack入門到進階（二）配置

當webpack安裝好以後，我們就要考慮webpack配置使用了。 webpack配置  在webpack官網中，配置文件建議是webpack.config.js。 當然，你也可以更改，打開node_modules/webpack-

~倾半世阳光 2020-06-21 07:14:56

[one day one question] webpack打包壓縮 ES6 js、.vue報錯

問題描述： 　　報錯： 　　ERROR in js/test.js from UglifyJs 　　Unexpected token punc ?(?, expected punc ?:? [js/test.js:1374,5]，

weixin_39037804 2020-06-16 06:38:20

webpack Promis is undefine

爱屋及邬 2020-02-22 07:22:38

webpack 編譯報錯 Couldn't find preset "env"

爱屋及邬 2020-02-22 07:22:38

webpack less-loader出現異常

爱屋及邬 2020-02-22 07:22:38

webpack 打包時發生 production is undefined 原因

爱屋及邬 2020-02-22 07:22:38