webpack入门配置-CSDN博客webpack.config.path: path.filename: 'my-fi

首先参考webpack中文网： webpack中文网

webpack.config.js 中设置

入口：entry

即入口起点文件，自行设置；

出口：output

打包输出的文件，需设置path（输出路径）和filename（输出文件名）两个

output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'my-first-webpack.bundle.js'
  }

loader

webpack只能识别js文件，所以需要特定的loader去解析css和图片等其他类型文件

如style-loader,css-loader,此时要注意，loader加载是由右向左，如

module: {
        rules: [
            { test: /\.css$/, use: ['style-loader', 'css-loader']}
        ]
    },

其中rules为解析规则，先用css-loader解析，然后再用style-loader解析；

待续。。。