webpack
文章平均质量分 94
javascript艺术
不积跬步无以至千里,不积小流无以成江河!功不唐捐,玉汝于成!
展开
-
webpack+vue2.0+nodeJs搭建环境
webpack+vue2.0+nodeJs搭建环境npm 和 nodejs还有淘宝镜像npm 的全称是 nodejs包管理,现在越来越多的项目(包)都可以通过npm来安装管理,nodejs是js运行在服务器端的平台,它使得js的能力进一步提高,我们还要使用nodejs配合 webpack 来完成热加载的功能。所以读者最好有nodejs的开发经验,如果有express的经验更原创 2018-01-30 18:45:22 · 13575 阅读 · 3 评论 -
vue和webpack项目
前面vue2.0和webpack都已经有接触了些(vue.js入门,webpack入门之简单例子跑起来),现在开始学习如何构造自己的vue2.0+webpack环境。1.首先新建一个目录vue-wkdemo,这是我们的项目目录。执行 npm init 命令生成package.json文件。执行npm init之后,会提示你填写一些项目的信息,一直回车默认就好了,或者直接执行 npm init转载 2018-01-25 15:53:10 · 2209 阅读 · 0 评论 -
webpack配置entry和output
在webpack.config.js中entry是唯一入口文件entry也可以是一个数组如果是一个数组,会将数组里面的文件一起打包到bundle.jsentry也可以是一个对象。如果output里filename有三个值:.[name]是文件名字是entry的键值。.[hash]是md5加密的值。.[chunkhash]这里是作为版本号使用。每次修改转载 2018-01-17 19:06:15 · 2779 阅读 · 0 评论 -
webpack的安装和配置
安装首先要安装 Node.js, Node.js 自带了软件包管理器 npm用npm 安装webpack$ npm install webpack -g此时 Webpack 已经安装到了全局环境下,可以通过命令行 webpack -h 查看相关指令通常我们会将webpack安装到项目依赖,这样就可以使用本地版本的webpack//进入项目目录//确定已有package原创 2018-01-17 17:30:44 · 378 阅读 · 0 评论 -
Vue2.0总结———vue使用过程常见的一些问题
Vue2.0总结———vue使用过程常见的一些问题 Vue目前的的开发模式主要有两种:1.直接页面级的开发,script直接引入Vue2.工程性开发,webpack+loader或者直接使用脚手架工具Vue-cli,里面的文件都配置好了webpack可以进行配置,配置多文件入口,进行多页面开发第二种Vue开发,结合webpack打包完文件会很大,怎么解决这个问题?1.webpack代码拆分:cod...转载 2018-03-12 22:23:02 · 518 阅读 · 0 评论 -
搭建vue脚手架
一. vue-cli初始化1. 全局安装 vue-cli npm install --global vue-cli2. 创建一个基于 webpack 模板的新项目 vue init webpack my-project3. 安装依赖 cd my-project npm install (换源安装: npm install --registry https://registry.npm.ta...原创 2018-04-24 19:42:50 · 264 阅读 · 0 评论