webpack安装使用

1.必须在项目文件根目录下使用：
npm install webpack -g   打包工具
npm install webpack-cli -g   客户端

注：安装如果失败的话，npm改为cnpm去试一下

2.测试是否安装成功：
webpack -v
webpack-cli -v
 

3.在我们创建好的vue项目中，创建一个hello.js。如果创建项目都没弄好，比如什么node-moudles都没有，当我没说

//暴露一个方法
exports.sayHi = function (){
    document.write("<h1>大家好</h1>")
}

4.创建一个main.js，并使用requirel引入我们刚刚创建的hello.js

5 .创建webpack.config.js配置文件，如下图

webpack.config.js配置文件：
entry: 入口文件，指定webpack勇哪个文件作为项目的入口
output：输出，指定webpack把处理完成的文件放置到指定路径，就是可以很多个模块的js打包起来，浓缩成一个js，输出到一个新的js中。后面的filename是自己起的
module：模块，用于处理各种类型的文件
plugins：插件，如：热更新、代码重用等
resolve：设置路径指向
watch：监听，用于设置文件改动后直接打包,意思就是监听你的js文件，如果有变化则会直接打包，类似于热部署

至此，在当前目录打开控制台输入webpack打包，即可。以上是vue3.0。刚学的vue所以用的IDEA