webapck1.14升级到3.6踩坑

一、升级原因：

webpack版本太低，导致有些依赖文件无法安装（安装了eslint没有生效）

二、升级的步骤：

• 1.通过命令行搭建vue-cli，起一个vue项目

• 2.首先根据原来的package.json 来下载一些依赖到现在新项目的package.json里，把原来的src文件复制到新的项目里

• 3.运行项目，会发现有很多报错，开始一个一个处理

  缺少依赖包，通过tnpm install xxx --save

require与import引入的区别
  1.import 是编译时加载，而require 是运行时加载
  2.require会加载整个模块，而import 可以选择加载
  eg:
  require ： const a = require(‘文件的路径’) // 表示整体加载这个模块

  import { stat, exists, readFile } from ‘fs’;
  import ： export 定义了模块的对外接口后，其他js文件就可以通过import来加载这个模块
  

  import confing fron './js/config
  

  上面的这种引入方式会报一个警告
  
  使用Import 引入js文件，必须使用import {名称} from ‘js文件’ ，并且这个js要包含这个名称
  由于Vue-loader的版本太高导致有的页面渲染不出来
  
  注意点：由于webpack升级后会自动下载适合版本的文件包，有些库的用法与需要的依赖(js或css)可能就变了，需要更改一下就ok了