webpack怎么把各個(gè)模塊的css打包成一個(gè)
1 回答
慕無(wú)忌1623718
TA貢獻(xiàn)1744條經(jīng)驗(yàn) 獲得超4個(gè)贊
webpack把各個(gè)模塊的css打包成一個(gè)方法：
webpack.config.js配置如下
var ExtractTextPlugin = require("extract-text-webpack-plugin");//extract-text-webpack-plugin安裝此插件
module:{
loaders:[
{test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader")}
]
},
plugins:[
new ExtractTextPlugin("css/[name].css")//則會(huì)生成一個(gè)css文件
]
比如你的js文件中這樣引入即可：
import './css/lib/bootstrap.min.css'
import './css/test.css';
- 1 回答
- 0 關(guān)注
- 762 瀏覽
添加回答
舉報(bào)
0/150
提交
取消