webpack
小乒和小乓呀
这个作者很懒,什么都没留下…
展开
-
webpack多页打包方案
webpack多页面打包(记录下多页打包方案) 使用的node中的glob方法 glob.sync const 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 · 208 阅读 · 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 · 96 阅读 · 0 评论 -
webpack-第一集
初识webpack 文档 官网网站:https://webpack.js.org/ 1.webpack简介 webpack是一个打包模块化JavaScript的工具,它会从入口模块出发,识别出源码中的模块化导入语句,递归地找出入口文件的所有依赖,将入口和其所有的依赖打包到一个单独的文件中。 是工程化、自动化思想在前端开发中的体现 2、安装webpack 2.1 - 环境准备 nodeJs https://nodejs.org/en/ 版本参考官网发布的最新版本,可以提高webpack的打包速度 2.2原创 2020-09-20 21:39:27 · 379 阅读 · 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 · 94 阅读 · 0 评论