webpack-loader

webpack loader学习

step1

• 安装依赖

npm install --save-dev css-loader
npm install --save-dev style-loader

step2

• 新建一个index.css
• 在webpack 添加loader

var path = require('path');


module.exports = {
    entry:'./index.js',
    output:{
        path:path.join(__dirname,'dist'),
        filename:'bundle.js'
    },
    module:{
        rules:[
            { test: /\.css$/, use: 'css-loader' }
            ]
    }
}

• 在index.js中引用css

require("!style-loader!css-loader!./index.css");