webpack4--学习总结（3）--webpack配置

webpack.config.js

 

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

module.exports={
    entry:'.入口文件',
    output:{
        path:path.resolve(__dirname,"./dist"),

->出口位置  path.reslove()翻译位置的方法（绝对路径）

       chunkFilename: '[name].chunk.js'

->用来打包require.ensure方法中引入的模块,若该方法中没引入任何模块，就不会生成任何chunk块文件

    publicPath: './',

->解析文件的目录，例如assert文件(包含img)

->主要是对你的页面里面引入的资源的路径做对应的补全，常见的就是css文件里面引入的图片(相对路径参照)

    filename: '[name].bundle.js',

->结果文件名

    },

    module:{
    /*    rules:[
          {
              test:/\.css$/,->loader处理后的文件扩展名
              use:['style-loader','css-loader']->可以是对象 数组
          }
        ],*/
      

    plugins:[

->插件
 
    new HtmlWebpackPlugin({
        title:'测试',
        template:'./src/index.html',
        filename:'index.html',
    }),

    ]
}