![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
小乒和小乓呀
这个作者很懒,什么都没留下…
展开
-
webpack多页打包方案
webpack多页面打包(记录下多页打包方案)使用的node中的glob方法glob.syncconst path = require("path")const resolve = dir => path.resolve(__dirname, dir)const MiniCssExtractPlguin = require("mini-css-extract-plugin")const HtmlWebpackPlugin = require('html-webpack-plugin'原创 2020-10-11 20:22:55 · 203 阅读 · 2 评论 -
Webpack-第二集
loader:file-loader:处理静态资源模块loader:file-loader原理是把打包入口中识别出的资源模块,移动到输出目录,并且返回一个地址名称所以我们什么时候用file-loader呢?场景:就是当我们需要模块,仅仅是从源代码挪移到打包目录,就可以使用files-loader来处理,txt、svg、csv、excel、图片资源等等npm install file-loader -D案例:module: { rules: [{ test: /..原创 2020-09-20 22:49:17 · 91 阅读 · 0 评论 -
webpack-第一集
初识webpack文档官网网站:https://webpack.js.org/1.webpack简介webpack是一个打包模块化JavaScript的工具,它会从入口模块出发,识别出源码中的模块化导入语句,递归地找出入口文件的所有依赖,将入口和其所有的依赖打包到一个单独的文件中。是工程化、自动化思想在前端开发中的体现2、安装webpack2.1 - 环境准备nodeJs https://nodejs.org/en/版本参考官网发布的最新版本,可以提高webpack的打包速度2.2原创 2020-09-20 21:39:27 · 371 阅读 · 0 评论 -
webpack_的概念干货
webpack搭建01模块打包器( 打包后的代码混淆压缩过 )webpack官网文档安装环境准备:nodeJs升级到最新版本(原因:node高级性能高,webpack运行效率更高,避免产生奇奇怪怪的问题)webpack版本为最新的(4.x版本)搭建项目//一、初始化项目npm init -y//二、局部安装方式 (推荐)npm install webpack webpack-cli -D//二、(不推荐) 版本固定npm install webapck webpack原创 2020-09-20 19:59:21 · 86 阅读 · 0 评论