webpack基础使用
Posted (⊙o⊙)买噶
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了webpack基础使用相关的知识，希望对你有一定的参考价值。
webpack.config.js文件的配置：输入：module.exports={
entry: //入口文件，可以使string类型 例如：‘./src/script/main.js‘ 还可以使用数组的形式 例如：[‘./src/script/main.js‘,‘./src/script/main1.js‘]
output:{//打包以后的文件
path://__dirname +打包后的文件放路径 例如：__dirname +‘/dist‘
filename://打包之后的文件名
}
}
[推荐]webpack.config.js文件的配置：输入：module.exports={
entry: { //入口文件
page1:‘‘, //可以使string类型 例如：‘./src/script/main.js‘ 还可以使用数组的形式 例如：[‘./src/script/main.js‘,‘./src/script/main1.js‘]
page2:‘‘ //同上
}
output:{//打包以后的文件
path://__dirname +打包后的文件放路径 例如：__dirname +‘/dist‘
filename:// [name]打包之后的文件名 例如:‘[name].js‘ 三个占位符 1.[name]:由块的名称替换(page1,page2) 2.[hash]:替换为编译的哈希值 3.[chunkhash]:被块的哈希所替换
}
}
利用npm给wabpack添加参数：在package.json里面的 scripts 下配置wabpack 例如："webpack":"webpack --config webpack.config.js --progress --display-modules --colors --watch"
以上是关于webpack基础使用的主要内容，如果未能解决你的问题，请参考以下文章