webpack
iamjwe
认识、理解、实践、总结、钻研
展开
-
webpack 开发环境打包【实践】
实践后加深的理解 1.webpack把前端的所有资源文件都视为模块并进行处理。 2.webpack指令运行在node平台,这才使得它具有访问和操作本地文件资源的能力。 3.webpack有很好的灵活性与扩展性(串联式模块加载器loader以及插件机制plugin)。 下文实践后的结果 打包后的目录结构 package.json { "name": "webpack_dev_test", ...原创 2020-03-13 12:06:55 · 725 阅读 · 0 评论 -
webpack 生产环境打包【实践】
实践理解 开发环境(devlopment):能让代码本地调试运行的环境。 生产环境(production):能让代码优化上线运行的环境。 生产环境包的构建:为了让代码能在生产环境表现的更加优秀,构建时除需要关注代码普通的编译打包功能之外,还需要关注代码的浏览器兼容以及运行速度等相关问题。 实践结果 package.json { "name": "webpack_dep_test", "...原创 2020-03-15 11:54:45 · 1098 阅读 · 0 评论 -
webpack 开发环境优化 【实践】
实践结果 package.json { "name": "webpack_dev_test_better", "version": "1.0.0", "devDependencies": { "css-loader": "^3.4.2", "file-loader": "^5.1.0", "html-loader": "^0.5.5", "html-we...原创 2020-03-16 17:50:16 · 467 阅读 · 0 评论 -
webpack 生产环境优化 【实践】
上一篇博客:生产环境打包 实践结果 实践准备 创建项目:webpack_dep_test_better 初始化 npm init npm i webpack webpack-cli -D // 上篇博客 生产环境打包 涉及到的所有依赖,可复制执行以下命令下载相关库。 // 或者复制上篇博客产出的package.json执行npm i npm i @babel/core @babel/preset-...原创 2020-03-17 20:54:36 · 381 阅读 · 0 评论