![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 87
夜丶陌颜
快来看看我的博客吧!!!希望你有所收获
展开
-
webpack属性配置
属性类型作用entrystring、object(多入口)指定入口文件outputobject指定文件的出口(详细信息看下文output配置)modestringdevelopment、 production(默认, 对代码进行压缩)、none(不进行处理)moduleobject解析除了js、json之外的文件(详细信息查看下文module.rules 配置)pluginsarray使用各种插件 eg:[new htmlWebpack...原创 2021-04-15 17:53:35 · 590 阅读 · 0 评论 -
webpack性能优化
1.source-map因为经过webpack压缩,一般很难找出发生错误的代码,source-map构建了压缩前的代码和压缩后的代码之间的桥梁。主要是方便开发人员的错误定位。****注意区分开发环境和生产环境// 开发环境 eval-source-map // 目前vue脚手架,react脚手架开发环境正在使用eval-source-map// 生产环境nosource-source-map // 隐藏构建前后的源代码hidden-source-map //隐藏构建前的源代码,原创 2020-12-06 11:53:07 · 192 阅读 · 2 评论 -
webpack, js 兼容性处理
js兼容性处理首先下载基本架包babel-loader @babel/core1.基本js兼容性处理 @babel/preset-env只能处理基本js语法,想promise。。。。无法处理2.全部js兼容性处理@babel/polyfill相当与一次性引入所有处理后js代码,比如全部引入element-ui。以至于架包太大。3.兼容性的按需引入core-js{ test:/\.js$/, exclude:/node_原创 2020-12-05 13:29:50 · 204 阅读 · 0 评论 -
webpack, css兼容性处理
1.mini-css-extract-plugin用于抽离css文件,实现css/js分离,并且自动添加引用到相应html代码中 // webpack.confing,js配置 new MiniCssExtractPlugin({ filename: 'css/index.css' }),2.post-css postcss-preset-envpost-css用于样式兼容各大浏览器postcss-preset-env 用于帮助post-cs原创 2020-12-05 11:13:36 · 200 阅读 · 1 评论 -
webpack报错 TypeError: Cannot read property ‘tap‘ of undefined
webpack错误:TypeError: Cannot read property 'tap' of undefined1.错误原因 可能是由于全局webpack 与 本地webpack版本不一致导致。2.解决办法可以先执行 npm uninstall webpack -g (先移除全局webpack架包)再执行 npm install webpack@4.17.1 -g (@后边跟版本号,请在本地package.json中查看webpack版本)...原创 2020-12-03 16:27:52 · 15823 阅读 · 1 评论 -
webpack webpack-dev-serve 报错处理
错误情况:Cannot find module 'webpack-cli/bin/config-yargs'错误分析:出现这种情况一般是因为webpck与webpack-dev-serve版本不兼容引起的错误。解决方案:运行 npm uninstall webpck webpack-dev-server webpck-cli -D先删除架包,之后运行npm install webpack webpck-dev-server webpack-cli -D 重新安装架包。(如果此方法无用,建议寻原创 2020-11-30 13:08:18 · 1018 阅读 · 0 评论 -
webpack / webpack.config.js配置
/** * webpack配置 */// 引入node.js的模块path, resolve 用来拼接绝对路径的方法const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');//module.exports = { entry: './src/index.js', output: { filename: 'built.js',原创 2020-11-29 15:44:25 · 530 阅读 · 0 评论