Vue学习篇-1、在项目中安装和配置webpack

一、 运行 npm install webpack webpack-cli –D 命令，安装 webpack 相关的包

二、 在项目根目录中，创建名为 webpack.config.js 的 webpack 配置文件

三、 在 webpack 的配置文件（webpack.config.js）中，初始化如下基本配置：

module.exports = {
    // 编译模式
    mode: 'development' //development production
}

四、 在 package.json 配置文件中的 scripts 节点下，新增 dev 脚本如下：

"scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "dev": "webpack"  
    },

五、 在终端中运行 npm run dev 命令，启动 webpack 进行项目打包。

打包完成后可以看到项目目录下多了个dist文件夹

六、在html中引入webpack

 <script src="../dist/main.js"></script>