webpack构建vue项目

参考地址：1、https://nodejs.org/en/ （电脑先下载node.js 他提供了 npm这个工具（最好搞成淘宝镜像 http://www.runoob.com/nodejs/nodejs-tutorial.html ））

2、https://www.jianshu.com/p/42e11515c10f （谢谢博主，好人一生平安）

3、http://www.jqhtml.com/7626.html （一些loaders 什么的在这里找方便些）

一、先了解一点基础概念

1、入口(Entry) ：打包时执行的第一个文件

2、出口(Output)：打包完后将你所有引入的文件（js、css、vue....）整合成一个文件后，输出到的指定地址

3、加载器(Loader)：整合成一个文件时对引入文件转换的工具

二、具体流程

1、创建文件夹 ui_web

2、在根目录下创建两个文件夹（app 、public）

3、在根目录下创建 webpack.config.js、在app文件下创建main.js作为入口文件、在public创建index.html 文件（你要看到的页面）

4、ui_web这个文件夹下执行 npm_install

5、npm init （填写项目名、作者、版本等信息）保存后生成 package.json 文件

package.json 内容：

webpack.config.js内容：

index.html （内容太多，不全截图了，最重要的时引入整个后bundle.js文件）

main.js：入口文件

最后控制台执行：webpack

转载于:https://www.cnblogs.com/weiyuanquyu/p/8203714.html

webpack构建vue项目相关推荐

提高 webpack 构建 Vue 项目的速度
提高 webpack 构建 Vue 项目的速度前言最近有人给我的 Vue2 后台管理系统解决方案提了 issue ,说执行 npm run build 构建项目的时候极其慢,然后就引起我的注意了 ...
Webpack构建vue项目-记录
一,安装node.js https://nodejs.org/en/ 二,打开Node.js command prompt 三,执行命令 1.安装vue-cli C:\deve\workspace\m ...
webpack构建Vue项目引入jQ时发生“'$' is defined but never used”的处理
今天公司需要新建个数据后台,就按照查到的方法构建了Vue框架的项目,引入jQ.bootstrap时,按照在线方法配置,发现 main.js 里的引用jQ一直显示红标,没多想,在按照网上配置完后,npm ...
最详细的vue-cli工具构建vue项目教程
最详细的vue-cli工具构建VUE项目教程一.安装node环境 1. 进入node 官网下载安装网址 https://nodejs.org/zh-cn/ 2. 默认安装(安装在C盘) 3. 安装 ...
Vue学习笔记：使用CLI构建Vue项目
Vue学习笔记:使用CLI构建Vue项目一.安装Vue CLI 要用到集成在node.js里的npm来安装Vue CLI. 1.下载并安装node.js 2.配置node.js的环境变量 3.启动命 ...
vue-cli快速构建vue项目和本地模拟请求数据
Vue-cli快速构建 Vue 项目和本地模拟请求数据 1 前提: 安装了 node.js 首先: 全局安装 vue-cli npm intsall vue-cli -g (-g代表全局安装) 2 使 ...
从零开始使用webpack 搭建vue项目
从零开始使用webpack 搭建vue项目 1 创建项目 npm init 生成 package.json 创建 index.html webpack.confug.js project-name|- ...
Vue学习之环境构建--------vue-cli构建vue项目
周围的朋友一直都在说vue的优点,之前一直在看angular,抱着好奇心学习了vue,想从最基础的地方记录我的vue.首先第一步离不开环境的搭建,那么就来记录我的vue环境搭建之路. 同作为前端的流行 ...
vuex构建vue项目_如何使用Vue.js，Vuex，Vuetify和Firebase构建单页应用程序
vuex构建vue项目如何使用Vuetify和Vue路由器安装Vue并构建SPA (How to install Vue and build an SPA using Vuetify and Vue ...

webpack构建vue项目

webpack构建vue项目相关推荐

最新文章

热门文章