随笔分类 - webpack
vue-cli/webpack4.x 打包--webpack配置--chainWebpack
摘要：webpack-chain是啥 针对Webpack的流式配置方案 webpack-chain优势 动态修改配置信息 链式调用，避免深层的嵌套配置 跨项目共享 webpack 配置对象 webpack-chain 中的核心 API 接口之一是 ChainedMap, 返回对象也都是 ChainMap，
vue-cli/webpack4.x 打包--webpack配置--样式
摘要：css 有的时候你想要向 webpack 的预处理器 loader 传递选项。 可以使用 vue.config.js 中的 css.loaderOptions 选项。比如你可以这样向所有 Less 样式传入共享的全局变量： css: { loaderOptions: { less: { lessOp
vue-cli/webpack4.x 打包--webpack配置--devServer
摘要：devServer .env.development 配置全局变量 # 代理配置 VUE_APP_BASE_IP = 'http://192.128.15.157:15530' VUE_APP_BASE_API = '/api' vue.config.js 中配置 devServer 进行代理 de
vue-cli/webpack4.x 打包--打包文件输出
摘要：runtimeCompiler ture: runtime-compiler template开发 false: runtime-only jsx语法开发 publicPath vue.config.js 中配置打包基路径 publicPath: process.env.VUE_APP_BASE_P
vue-cli/webpack4.x 打包--兼容IE等低版本浏览器
摘要：依赖版本 "babel-polyfill": "^6.26.0", "core-js": "3.21.1", "regenerator-runtime": "0.13.5", main.js 引入 vue.config.js 配置 transpileDependencies module.expor
webpack资源优化，持续更新中...
摘要：1.开启gzip压缩 compression-webpack-plugin const CompressionPlugin = require('compression-webpack-plugin') // gzip压缩处理 chainWebpack: (config) => { if(isPro
webpack4.x系列--资源和样式解析
摘要：基础配置--资源解析 1.解析es6 babel-loader 解析es6语法 @babel/core babel-loader依赖 @babel/preset-env babel-loader调用@babel/preset-env核心模块对es6进行处理为es5 @babel/plugin-pro
webpack简单配置单页
摘要：1.新建目录 1-2.目录结构 以红框内的目录结构为主 , 这里没有加入.gitignore .eslintrc.js .eslintignore 等文件 package.json内容 { "name": "webpack-dev", "version": "1.0.0", "description
webpack 解决跨域问题及原理
摘要：1.什么是跨域 2.那些是跨域请求 为什么前端存在跨域 如何解决 jsonp 简单实现jsonp 后台node编写 app.js文件 const http = require("http"); const fs = require("fs"); const url = require("url");
