webpack搭建基础vue项目

新键目录 src APP.vue index.js `npm init -y ` `npm i vue vue-loader vue-template-compiler cross-env css-loader style-loader url-loader file-loader html-webpack-plugin webpack-dev-serv...

webpack优化

noParse oParse作用主要是过滤不需要解析的文件，比如打包的时候依赖了三方库 如 jquyer，而jquery是一个单独的库没有其他依赖，这个时候可以通过配置noParse不去解析文件，提高打包效率 多个用 | 分隔 ... modul...

webpack性能优化之externals 与 DllPlugin

externals和DllPlugin都是为了分离模块诞生，通过他们可以将一些第三方模块抽离出来，打包的时候不需将某些三方库一起打包如vue、vue-router 这样提高了编译速度，减少了包的大小 利于浏览器的缓存机制，不用每次都...

devServer配置实现跨域

服务端 const express = require('express'); let server = express(); server.listen(3000); server.get('/api/user',(req,res,next)=>{ res.send('aa'); }) 客户端 let xhr = new XMLHttpRequest(); x...

webpack打包多页应用

目录结构 │ package.json │ webpack.config.js │ └─src index.html index.js other.html other.js 项目有两个入口文件，对应两个html 我们在webpack.config.js进行如下配置...

uni-app实现搜索跳转功能

功能描述：点击导航栏跳转到搜索页，并在搜索页完成数据检索，数据渲染 1.监听index.vue的搜索框 //监听点击导航栏搜索框 onNavigationBarSearchInputClicked(){ //跳转搜索页面 uni.navigateTo({ url:'../sea...

uni-app实现tabbar选项卡切换

1.页面结构 {{item.name}} {{item.name}} 首先我们使用` `定义了一个可滚动视图区域。用于区域滚动，并添加了一下属性 `scroll-x`：设置横向...

webpack系列---babel的配置

webpack中只能处理部分es6语法，一些高级语法或者es7语法webpack是不能正常编译的，如下 //测试es6 class Person{ static info = {name:"test"} } 编译报错 ![](http://www.zihanzy.com/uploads/images/art...

webpack系列---loader的使用

引入 对于之前的案例----隔行变色，如果我们要自定义一些css样式怎么办，传统的方法是在外部定义css,在html中引入，这种方式又会引发二次请求如果css文件较多，我们就要不停引入，在学了webpack之后我们知道weback可...

webpack系列---插件（plugin）的使用

一句话 插件（plugin）是用于扩展webpack的功能。 上一篇文章我们介绍了webpack-dev-server，我们在package.json配置webpack-dev-server 选项实现了自动编译，自动打开浏览器，自动更新等。 当然我们也可以在webpac...