webpack
南麟剑首
前端开发
展开
-
vue.config.js常用基础配置留档
1.分享一个vue.config.js的基本配置,至少能让你的代码体积缩小2/3,嗯,就这样,复制急用const CompressionPlugin = require('compression-webpack-plugin') // 代码压缩const UglifyJsPlugin = require('uglifyjs-webpack-plugin') // 去掉打印,注释等多余代码const { HashedModuleIdsPlugin } = require('webpack') // 只打原创 2021-03-26 16:12:59 · 210 阅读 · 0 评论 -
part04~开发通用前端UI框架(主题,国际化,高效打包,单测,组件文档)
定制主题所谓定制呢,就是将封装一些跟页面整体设计色值或者特殊设计相关的通用的颜色或者圆角等信息封装成变量然后存储成一个文件,这样我们就可以直接引用文件,使用变量,从而降低代码冗余度https://www.antdv.com/docs/vue/customize-theme-cn/这是Antd已经封装好的所有的变量,可以直接使用https://github.com/vueCo...原创 2020-04-08 01:13:18 · 439 阅读 · 0 评论 -
WebPack4.0拿去即用系列(二)
常用的插件:npm install webpack webpack-cli webpack-dev-server css-loader style-loader mini-css-extract-plugin html-webpack-plugin less less-loader clean-webpack-plugin url-loader html-withimg-l...原创 2018-11-15 16:33:31 · 253 阅读 · 0 评论 -
WebPack4.0拿去即用系列(一)
先来一张图:诠释一下webpack该干的活**作用:**分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。规范:Common具体常用功能:1、代码转换:TypeScript 编译成 JavaScript、SCSS 编译成 CSS 等。2、文件优化:压缩 JavaScrip...原创 2018-11-14 17:58:56 · 480 阅读 · 0 评论 -
WebPack4.0拿去即用系列(三)--优化
优化前提:webpack4.0这个版本已经给我们做了大量优化,所以咱们不涉及4.0之前的版本一、开发时打包优化1,根目录创建一个新的文件专门用于将所有第三方不需要打包的统一做一次路径映射如:webpack.unpackage.js2,在webpack.unpackage.js中添加let DllPlugin = require("webpack/lib/DllPlugin") mod...原创 2018-11-16 16:57:26 · 495 阅读 · 0 评论