Webpack
前端散打王
这个作者很懒,什么都没留下…
展开
-
在 vue 路由懒加载中给 Webpack Chunks 命名
最早的路由定义方式 import Vue from 'vue' import VueRouter from 'vue-router' import Home from '../views/Home.vue' import About from '../views/About.vue' import Login from '../views/Login.vue' Vue.use(VueRoute...原创 2020-04-22 20:21:38 · 2321 阅读 · 0 评论 -
vue-cli3创建的项目中,默认集成的 webpack 配置
直接上代码 vue-cli3 创建好的项目,已经帮我们做了下面的事情 通过「mini-css-extract-plugin」将 css 打包成单个文件 添加「@」别名,指向「src」目录 通过「TerserWebpackPlugin」来压缩 js 代码 在打包时,将引入的第三方插件或库,打包到「chunk-vendors」中 查看项目中的默认 webpack 配置,执行下面的命令 vue in...原创 2020-04-09 15:03:04 · 2060 阅读 · 3 评论 -
Webpack 4 学习之路(上)
Webpack simple 以下均在 Webpack 4.42.1 版本环境下 mkdir webpack-simple cd webpack-simple npm init npm i --save-dev webpack webpack-cli touch index.html touch webpack.config.js mkdir src cd src touch main.js 在...原创 2020-04-08 14:25:46 · 525 阅读 · 0 评论 -
Webpack学习笔记(一)
现在前端框架隐约是Angular、React、Vue三足鼎立的态势,今天不谈框架,谈一下Webpack。Webpack是一个打包模块化 JavaScript 的工具,在 Webpack 里一切文件皆模块,通过 Loader 转换文件,通过 Plugin 注入钩子,最后输出由多个模块组合成的文件。Webpack 专注于构建模块化项目。安装Webpack在用 Webpack 执行构建任...转载 2018-06-22 16:01:20 · 277 阅读 · 0 评论