webpack.config.js基础(一)

项目目录配置

### src文件夹 -->放置项目文件

### dist文件夹 -->放置打包生成的文件

webpack.config.js配置

var path =require('path')//node 引入路径模块

module.exports={

entry:"./src/index.js",  //入口文件(多入口配置使用{}对象的方式配置)

output:{

filename:"[name].main.[hash]",//[name]可以按入口文件名命名[hash]加上哈希值

path:path.resovle(__dirname,"dist"),//__dirname全局对象(返回当前执行脚本所在的目录),string表示文件夹名

},//输出

mode:"development",//开发模式-->无压缩(production生产模式-->压缩代码)

plugins:[],//插件配置位package.json里配置依赖或者直接npm下载插件,学习中

loader:[],//加载解析,学习中

}

避免遗忘,特撰此文

猜你喜欢

转载自blog.csdn.net/qq_40482152/article/details/80688842
今日推荐