![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 82
南张门
我相信这不是我一个人的经历:傍晚时分,你坐在屋檐下,看着天慢慢地黑下去,心里寂寞而凄凉,感到自己的生命被剥夺了。当时我是个年轻人,但我害怕这样生活下去,衰老下去。在我看来,这是比死亡更可怕的事。
展开
-
一.webpack的基本介绍
一. Webapck的基本介绍官网地址http://webpack.github.io/docs/1.1.大致的打包过程通过官网的 ‘what is Webpack’我们可以看到它将文件看作是一个个的模块,他们直接的箭头可以看成他们之间的依赖关系。 这样相互依赖的模块群通过webpack的打包处理将它们打包成浏览器可以直接运行额js,css或者png文件 ...原创 2017-10-20 16:42:28 · 373 阅读 · 0 评论 -
vue-cli中mock数据
1.老版本的vue-cli在build/dev-server.js文件中 在const express = require(‘express’);//获取更目录下的data.json的数据,并且设置接口const appData = require('../data.json');const foods = appData.foods;app.get('/getFoods',fu...原创 2018-06-25 14:04:18 · 426 阅读 · 0 评论 -
vue-cli 2.x中全局引用公共scss
1.安装scss这些插件使我们使用scss所必须安装的 npm install node-sass --save-dev npm install sass-loader --save-dev npm install style-loader --save-dev 2.安装sass-resources-loader这个插件是我们想要全局引用scss所要...原创 2018-06-25 10:49:27 · 535 阅读 · 0 评论 -
vue-cli 2.x中全局引用公共scss
1.安装scss这些插件使我们使用scss所必须安装的 npm install node-sass --save-dev npm install sass-loader --save-dev npm install style-loader --save-dev 2.安装sass-resources-loader这个插件是我们想要全局引用scss所要...原创 2018-06-25 10:49:23 · 8242 阅读 · 2 评论 -
六.webpack的实战技巧
1.打包后如何调试我们使用了webpack后,所以代码都打包到了一起,给调试带来了麻烦,但是webpack已经为我们充分考虑好了这点,它支持生产Source Maps来方便我们的调试。 在使用webpack时只要通过简单的devtool配置,webapck就会自动给我们生产source maps 文件,map文件是一种对应编译文件和源文件的方法,让我们调试起来更简单。在配置devtool...原创 2018-05-08 13:47:03 · 630 阅读 · 0 评论 -
vue-cli详解
1.何为vue-cli简单来说就是Vue搭建的架子 API:https://github.com/vuejs/vue-cli2.安装全局安装vue-clinpm isntall -g vue-cli3.初始化创建项目vue init <template-name> <project-name>template-name为模板的...原创 2018-05-11 16:04:58 · 18808 阅读 · 1 评论 -
五.webpack中使用loader和plugin
1.Loaders1.1简介Loaders是Webpack最重要的功能之一,他也是Webpack如此盛行的原因。通过使用不同的Loader,Webpack可以的脚本和工具,从而对不同的文件格式进行特定处理。Webpack的API: Webpack使用loader http://webpack.github.io/docs/using-loaders.html webpack...原创 2017-10-23 11:13:28 · 1257 阅读 · 0 评论 -
四.webpack自动生成项目中的HTML文件
webpack自动生成项目中的HTML文件1.HTML插件的使用安装插件 npm install html-webpack-plugin –save-dev配置webpack.config.js 安装完成后需要在webpack.config.js中引用并且初始化插件,具体的可以查看 API: http://webpack.github.io/docs/using-plugi...原创 2017-10-23 10:30:15 · 6377 阅读 · 0 评论 -
三.webpack基本配置
webpack基本配置1.关于webpack.config.js首先我们先建立这样的目录文件说明: src : 放置源文件的目录 dist : 放置打包后文件的目录 index.html : 初始化页面(要手动引用生成的js文件) entry...原创 2017-10-23 09:39:15 · 1321 阅读 · 0 评论 -
二.Webpack的安装和命令行
Webpack的安装和命令行1.安装全局安装webpacknpm install webpack -g 查看是否安装,以及安装的版本webpack -help 建立一个文件后npm init 在局部安装webpack...原创 2017-10-20 17:16:24 · 503 阅读 · 0 评论 -
Axios基本用法
官网地址:https://github.com/axios/axios1.安装$ npm install axios2.在vue中全局引用以vue-cli为例,在main.js中 因为axios并不是vue自带的,所以我们不能用Vue.use(), 只能将其赋值给vue的prototype,已达到所有页面都能够使用axios的目的import axios from '...原创 2018-06-25 15:51:40 · 2781 阅读 · 0 评论