webpack output 常用配置属性

filename:'js/[name].js', //文件名称（指定名称+目录）
path:resolve(__dirname,'build'),//输出文件目录(将来所有的资源输出的公共目录)
publicPath:'/',//所有输出资源的公共路径--> 路径的面 imgs/a.js ---> /imgs/a.js
chunkFilename:'js/[name]_chunk.js',//非入口 chunk的名称
library:'[name]',//打包的js赋值一个变量暴露出去 ，整个库向外暴露的变量名
libraryTarget:'window',// 变量名添加到那个 属性下

//webpack 配置
const {resolve}=require('path');
const HtmlWebpackPlugin=require('html-webpack-plugin');
module.exports ={ 
    entry:'./src/js/index.js',//入口起点
    output:{
        filename:'js/[name].js', //文件名称（指定名称+目录）
        path:resolve(__dirname,'build'),//输出文件目录(将来所有的资源输出的公共目录)
        publicPath:'/',//所有输出资源的公共路径--> 路径的面  imgs/a.js ---> /imgs/a.js
        chunkFilename:'js/[name]_chunk.js',//非入口 chunk的名称
        library:'[name]',//打包的js赋值一个变量暴露出去 ，整个库向外暴露的变量名
        libraryTarget:'window',// 变量名添加到那个 属性下
    },
    module:{  
    },
    plugins:[
        new HtmlWebpackPlugin()
    ],
   

    mode:'development',//development开发环境 production生产环境
}