webpack配置

var webpack = require('webpack')
var path = require('path')


//暴露webpack配置
module.exports = {
    // 入口
    entry: './src/a.js',
    // 出口
    output: {
        path: path.resolve(__dirname, 'dist/'),
        filename: 'bundle.js'
    },
    // 模块加载器（所有非JS的模块，都需要在此处配置对应加载器）
    module: {
        rules: [{
            test: /\.css$/, //匹配的文件类型，正则表达式
            use: ['style-loader','css-loader'] //使用哪种加载器对文件进行加载
            //use数组是反序加载（顺序不能出错）
        },
        {
            test: /\.less$/,
            use: [{
                loader: "style-loader" // creates style nodes from JS strings
            }, {
                loader: "css-loader" // translates CSS into CommonJS
            }, {
                loader: "less-loader" // compiles Less to CSS
            }]
        }]   //所有loader的数组
    },


    // 插件配置(了解)
    plugins: [
        new webpack.BannerPlugin('作者： 0223凤凰卫视'),  //注释插件
    ]
    // watch: true
}

// css-loader: 加载样式文件（不会把样式用到DOM节点中）
// style-loader: 把样式添加到DOM节点中