摘要: npm篇 npm安装依赖报错:permission denied,错误信息大致如下: 关键错误信息:Error: EACCES: permission denied, 解决办法: npm install 报错chromedriver 记录,错误信息如下: 该问题是vue-cli脚手架的一个bug,解 阅读全文
posted @ 2018-03-01 19:26 纯情狂野风清扬 阅读(9952) 评论(1) 推荐(1) 编辑
摘要: 【工具官网】 Node.js : http://nodejs.cn/ 淘宝NPM: https://npm.taobao.org/ 【安装步骤】 一、安装node.js 1.前往node.js官网下载并安装工具,这里安装路径选到D盘,D:\Program Files\nodejs 安装完毕在命令行输 阅读全文
posted @ 2018-02-27 16:20 纯情狂野风清扬 阅读(600) 评论(0) 推荐(0) 编辑
摘要: #项目初始化 1.安装vue-cli脚手架工具 npm install -g vue-cli 2.初始化项目 vue init webpack my-project 3.进入项目 cd my-project 4.安装依赖 npm install 5.运行项目 npm run dev#项目目录结构 i 阅读全文
posted @ 2018-02-24 18:32 纯情狂野风清扬 阅读(211) 评论(0) 推荐(0) 编辑
摘要: 现在我们来学习一个最常用的插件 webpack-dev-server,一般来说,这个插件,大家都会用,特别是开发环境下。 我们之前使用 webpack -d --watch 来在开发环境下编译静态文件,但是这个功能,完全可以用 webpack-dev-server 来代替。 除此之外, webpac 阅读全文
posted @ 2018-02-23 15:38 纯情狂野风清扬 阅读(371) 评论(0) 推荐(0) 编辑
摘要: 1. 什么是 loader 官方的解释是这样的: loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此,loader 类似于其他构建工具中“任务(task)”,并提供了处理前端构建步骤的强大方法。loader 可以将文件从不同的语言(如 阅读全文
posted @ 2018-02-23 15:33 纯情狂野风清扬 阅读(752) 评论(0) 推荐(0) 编辑
摘要: 之前我们已经可以转化 js 文件了,但是一般来说,我们放在网页上的是 html 页面。 现在我们就把 html 和 js 还有 webpack 结合来玩玩。 很简单,只要把 js 文件引入到 html 中就好。 1. 创建 index.html 首先在 dist 目录下创建 index.html 文 阅读全文
posted @ 2018-02-23 15:29 纯情狂野风清扬 阅读(1260) 评论(0) 推荐(1) 编辑
摘要: 现在我们要先把 webpack 用起来。 为了方便,我们先用 npm 创建一个空项目。 1. 用 npm init 初始化项目 打开终端,运行如下命令: 之后你会看到会提示你输入一些内容,你不用管,直接全部回车: 最后,你会发现 hello-webpack 目录下多出了一个名为 package.js 阅读全文
posted @ 2018-02-23 15:13 纯情狂野风清扬 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 1. 安装 nodejs 要使用 webpack,必须确保电脑上存在着 nodejs 这个运行环境,所以,如果没有 nodejs,要先安装它。 在浏览器输入下面的网址: https://nodejs.org/en/ 界面如下: 下载安装包后,点击可执行文件,不断地按下一步,就可以安装成功。 最后打开 阅读全文
posted @ 2018-02-23 15:11 纯情狂野风清扬 阅读(367) 评论(0) 推荐(0) 编辑
摘要: 1. webpack 是什么? 先来说一下 webpack 是什么。 webpack 的官方对它是这样定义的: webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a bro 阅读全文
posted @ 2018-02-23 15:10 纯情狂野风清扬 阅读(369) 评论(0) 推荐(0) 编辑
摘要: 在命令行中运行 webpack 命令确实可以实现 webpack 的功能,但是我们一般不这么做,我们要用配置文件来处理。 我们把之前学到的知识用 webpack 的配置文件来实现,配置文件的名字叫 webpack.config.js 位于项目根目录下。 1. 创建配置文件 webpack.confi 阅读全文
posted @ 2018-02-23 15:09 纯情狂野风清扬 阅读(314) 评论(0) 推荐(0) 编辑