webpack命令分为两种:
1.初始化webpack命令
npm init
2.安装webpack命令
npm install webpack --save-dev
3.安装webpack-dev-server命令
npm install webpack-dev-server --save-dev
4.运行webpack项目命令
npm run dev
5.打包webpack项目命令
webpack --progress --hide-modules
6.安装style-loader 加载器 的命令
npm install style-loader --save-dev
7.安装 css-loader 加载器的命令
npm install css-loader --save-dev
8.通过npm安装extract-text-webpack-plugin插件,命令如下:
npm install extract-text-webpack-plugin --sava-dev
注意:高版本的webpack 不支持extract-text-webpack-plugin插件
解决办法:使用下面命令来安装该插件
npm install extract-text-webpack-plugin@next --sava-dev
vue单页面组件所需命令
npm install --save vue
npm install --save-dev vue-loader
npm install --save-dev vue-style-loader
npm install --save-dev vue-template-compiler
npm install --save-dev vue-hot-reload-api
npm install --save-dev babel
npm install --save-dev babel-loader
npm install --save-dev babel-core
npm install –-save-dev babel-plugin-transform-runtime
npm install --save-dev babel-preset-es2015
npm install --save-dev babel-runtime
如果vue-loader报错
需要加以下两行代码
const { VueLoaderPlugin } = require('vue-loader');
new VueLoaderPlugin()
全局安装vue-cli工具命令:
npm install vue-cli -g
初始化vue项目:
vue init webpack 你的项目名(英文)