首頁猿問 webpack怎么把各個模塊的cs...

webpack怎么把各個模塊的css打包成一個?

webpack

瀟瀟雨雨 2018-08-29 15:11:32

webpack怎么把各個模塊的css打包成一個

查看完整描述

1 回答

慕無忌1623718

TA貢獻1744條經(jīng)驗獲得超4個贊

webpack把各個模塊的css打包成一個方法：
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")//則會生成一個css文件
]
比如你的js文件中這樣引入即可：
import './css/lib/bootstrap.min.css'
import './css/test.css';