Configure Vue in webpack 4.0 setup process

文章结构概览

• • • • 1. 对vue代码进行打包操作
    • 2. 处理以.vue为后缀的文件

在前端开发过程中，当开发者采用vuejs进行项目构建时，无法直接借助webpack完成打包任务。接下来我们将探讨如何在webpack环境下实现对vuejs的整合与配置。

1.打包vue代码

1.在启动项目之前，首先应通过执行npm init命令来创建package.json配置文件：

    npm init
    
    
      
    

接着持续按下“回车键”，系统将依据默认设置自动生成package.json文件。

2. 若我们选择在webpack环境中进行vue的配置，首先需要在项目目录中完成webpack的安装：

    npm install webpack webpack-cli --save-dev
    
    
      
    

3. 若计划在项目中引入vuejs，势必需要建立相应的依赖关系，因此必须完成vue的安装操作。
在项目文件夹内执行以下命令：

    npm install vue --save
    
    
      
    

Vue相关的文件将会被存储在node_m