天天看点

基于Vue和elementUI的开发环境 -- 【scada项目】开发环境构建项目使用的工具npm run dev 背后发生了什么

开发环境

一个基于 Vue 和 Element 的开发环境

构建项目使用的工具

npm 安装,并希望配合 webpack 使用

npm和node.js的关系

node.js在安装的时候会包含npm

pip --python

maven – java

node.js

npm 或许不能独立于node而独立运行

就行pip不能在没有python的环境运行一样

名称 类比 属性
node.js java 运行框架
npm maven 前端包管理工具

webpack

项目中哪里用了webpack没有发现配置文件

[译] Webpack——令人困惑的地方

babel

基于Vue和elementUI的开发环境 -- 【scada项目】开发环境构建项目使用的工具npm run dev 背后发生了什么

loader是webpack的加载器,可以帮我们处理各种非js文件。

对象中的test是正则表达式,用于搜索后缀为.js的文件。loader后是所用加载器名称

webpack打包的文件默认是不支持ES6的,我们需要用babel转译。

如何启动程序

npm run dev

但是现在这个系统不能启动起来了

npm run dev 背后发生了什么

基于Vue和elementUI的开发环境 -- 【scada项目】开发环境构建项目使用的工具npm run dev 背后发生了什么