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',
    }),

    ]
}