webpack
aeipyuan
渣渣一枚,请多指教。。。。。。
展开
-
webpack优化
1. 抽离公共文件a,b都引用jquery和c.js打包结果mode: 'development',entry: { a: './src/demo2/a.js', b: './src/demo2/b.js'},output: { path: path.resolve(__dirname, 'dist', 'demo2'), filename: '[name].js',},// Asset Size Chunks Chunk Names//原创 2020-08-18 20:23:36 · 120 阅读 · 0 评论 -
webpack简单实现
webpack简单实现1. 注册命令行指令(可以直接通过mypack指令打包)项目根目录创建mypack文件夹npm initnpm初始化,并修改bin为主文件路径{ "name": "mypack", "version": "1.0.0", "description": "", "main": "index.js", "bin": { "mypack": "bin/mypack.js" }, "scripts": { "test": "ec原创 2020-08-15 23:09:49 · 211 阅读 · 0 评论 -
webpack打包速度优化
配置resolve.moduleswebpack默认顺序是在当前模块的node_modules目录下,没找到再去上级目录寻找,一般一个项目只有一个根目录下的node_modules,配置指明存放第三方模块的绝对路径可以减少寻址module.exports = { resolve: { modules: [ path.resolve(__dirname, 'node_modules') ] }}配置loaders的include原创 2020-06-23 19:57:10 · 827 阅读 · 0 评论 -
Webpack基本插件
webpack基本打包插件使用webpack 初始化安装webpacknpm i webpack webpack-cli -D安装webpack开发服务器插件npm i webpack-dev-server -D设置自定义config文件和npm运行命令// package.json{ "name": "webpack4_s", "version": "1....原创 2020-04-29 00:39:51 · 187 阅读 · 0 评论