一,安装nodejs软件(直接商城搜索安装即可)。
二,配置npm
npm install npm -g
三,配置webpack,在cmd中安装。
npm install -g webpacknpm install -g webpack-cli
四,指导webpack在自己项目文件夹中工作,需书写webpack.config.js
const path = require('path');module.exports = {// 打包模式,development不加密,打包快;// production生产模式,在服务器上部署了,加密、打包慢mode: 'development',// 入口,从哪个文件开始打包entry: './app/main.js',// 出口,打包到什么地方output: {// 文件名filename: 'bundle.js',// 路径path: path.resolve(__dirname, 'dist')}}
五,保护硬盘需安装
npm install -g webpack-dev-server
六,为了让webpack能够认识css文件,必须安装css-loader。
npm install --save css-loadernpm install --save style-loader
七,安装Vue依赖
npm install --save vue-loadernpm install --save vue-template-compiler
八,安装Vue
npm install --save vue
九,由于loader装了3个,webpack有一个问题,就是必须在项目中重新安装webpack。
npm install --save webpack
十,项目文件夹中应有
各文件创建:
十一,webpack.config.js自己写,package.json创建
npm init
安装各种依赖都保存在package.json里
npm install --save ...
用
npm install
从package.json安装依赖到node_modules