webpack入门级（三）

loader完成样式打包

1.在src文件下创建style的css文件src/style.css
2.在js文件下引入css文件
3.要先安装style-loader、css-loader
npm install --save-dev css-loader
npm install --save-dev ts-loader
4.在webpack.config.js中添加module转换成规则文件

module.exports = {
    //入口文件
    entry: "./src/index.js",
    output: {
        //输出文件名称
        filename: "bundle.js",
        //输出的路径
        //绝对路径
        path: path.resolve(__dirname, 'dist')

    },
    //开发模式
    mode: 'development',
    module: {
        rules: [{
            test: /\.css$/,
            use: [
                //use里面的顺序是由下到上，逆序执行
                //将js的延时内容插入到style标签上
                "style-loader",
                //将css文件转换成js文件
                "css-loader"
            ]
        }]
    }
}