Vue前端工程化

#搭建工程

#webpack打包

假设已经安装了node和weback

搭建工程

1，创建一个vues文件夹

2，doc管理员命令进入该文件夹

# 进入工程目录
cd hello-vue
# 安装 vue-router
npm install vue-router --save-dev
# 安装 element-ui
npm i element-ui -S
# 安装依赖
npm install
# 安装 SASS 加载器
cnpm install sass-loader node-sass --save-dev
# 启动测试
npm run dev

webpack打包

1，安装webpack

npm install webpack -g
npm install webpack-cli -g

2,创建webpack.config.js

module.exports = {
    entry: "./modules/main.js", //输入
    output: {
        filename: "./js/bundle.js" //输出
    }
};

3，打包

webpack
webpack  --watch //监听变化