webpack打包样式文件/css文件

打包样式文件

1.npm init 生成packge.json，后面安装插件会自然产生依赖

image

2.安装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)