webpackproduction 生产 development 开发一. webpack 目标知道什么是webpa

production 生产

development 开发

一. webpack 目标

知道什么是webpack
依赖包分别干嘛

html-webpack-plugin

  打包html，并自动引入打包后的js文件    

webpack-dev-server  

  开启打包服务，每次文件更新自动打包   

  打包的文件是放在内存中  

less

  less less-loader 

sass 

  node-sass sass-loader 

  切换 node-sass的镜像

  npm config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
  yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

  TypeError: this.getOptions is not a function  版本过高

stylus  

  stylus stylus-loader

3. 了解webpack.config.js

二. 如何快速完全删除node_modules

1.安装npm包–rimraf

npm install rimraf -g

2.在cmd指令下，进入所需删除的node_modules文件夹的位置，再输入指令

rimraf node_modules

3.简单粗暴得秒删完成

三. 官方脚手架

vue-cli

3.x  

  npm i @vue/cli -g   

  vue -V  查看版本

  方式1 黑窗口
  vue create 项目名称

  方式2 
  vue ui  


2.x  

npm install -g @vue/cli-init   

  创建项目 

    vue init webpack 项目名称