打包样式文件
1.npm init 生成packge.json,后面安装插件会自然产生依赖
image2.安装load加载器
npm install css-loader style-loader
3.修改配置文件webpack.config.js,引入安装好的模块加载器
module.exports = {
entry: './src/js/main.js',//入口文件
output: {//出口文件
filename: 'bundle.js'//文件名
},
module: {//模块加载器
rules:[
{
test: /\.css$/,//匹配所有的css文件
use: [ 'style-loader', 'css-loader' ]
},
]
}
};
3.在入口js或者需要的地方引入
require("./style.css)
网友评论