webpack怎么把各个模块的css打包成一个

html-css019

webpack怎么把各个模块的css打包成一个,第1张

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'

把一个网页的“所有”CSS样式复制到自己的网页里,可这样操作

点击网页查看页面源代码

找出css路径

访问css,然后复制css代码

在自己的文件夹中新建一个同样命名的css文件,把代码复制进去

另外,也有很多网站下载工具,找找看吧