webpack版本为^4.21.0
安装lodash
npm install lodash --save
安装lodash-webpack-plugin和babel-plugin-lodash
npm install lodash-webpack-plugin babel-plugin-lodash --save-dev
修改webpack pro文件webpack.prod.conf.js
// 引入lodash-webpack-pluginconst LodashModuleReplacementPlugin = require('lodash-webpack-plugin')//...省略...// 插件plugins: [new LodashModuleReplacementPlugin(),// ...省略...],
修改.babelrc文件
{"presets": ["@babel/preset-env"],"plugins": ["@babel/plugin-syntax-dynamic-import", "lodash"]}
公司新入手的Macbook m1最新款,使用NPM RUN DEV,你都可以去喝杯咖啡再回来,再看还在 build,怎么解决?
如何在VUE项目中添加stylelint,检查css,scss,less的语法问题,保证团队代码的规范统一
默认情况下,webpack-dev-server只可使用localhost或127.0.0.1访问,用局域网IP访问不了
mvvm项目总会有一些静态文件,如静态合同、协议等等,如何通过webpack来原样复制?
webpack最小化打包lodash插件,如果全量打包的话,lodash会非常大
vue2.0 项目,利用webpack搭建mock api服务,用于本地调试数据
webpack打包,报"WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB)",记录一下
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(static module bundler)。在 webpack 处理应用程序时,它会在内部创建一个依赖图(dependency graph),用于映射到项目需要的每个模块,然后将所有这些依赖生成到一个或多个bundle