webpack
文章平均质量分 94
stay_少年与梦
这个作者很懒,什么都没留下…
展开
-
webpack讲解(完结篇)
文章目录前言一、pluginsloader和plugin 的区别HtmlWebpackPlugin作用二、使用步骤1.安装2.引入clean-webpack-plugin作用1.安装2.使用mini-css-extract-plugin作用1.安装2.使用sourceMapWebpackDevServer(热更新)安装启动命令:个人理解Proxy作用Hot Module Replacement作用WebpackDevServer与Hot Module Replacement的区别总结 前言 这篇文章我们原创 2021-06-10 18:07:01 · 206 阅读 · 0 评论 -
webpack的讲解(三)
file-loader 作用 把识别出的资源模块,移动到指定的输出⽬目录,并且返回这个资源在输出目录的地址(字符串) 也可以识别图片,将图片显示在页面上 步骤 1.我们想要达到效果,首先需要安装 npm install --save-dev file-loader 2.安装完成之后,在你的配置文件中使用 webpack.config.js 中 代码 module.exports={ mode:"production", entry:{ 'index':"./s原创 2021-06-09 21:21:01 · 121 阅读 · 0 评论 -
webpack讲解(二)
webpack 我们先来回顾一下上一篇所讲的内容 在项目中安装时需要先初始化,使用npm init命令 再进行安装 npm install -D webpack webpack-cli 安装完查看版本./node_modules/.bin/webpack -v 使用./node_modules/.bin/webpack进行打包 打包后的内容存放到了dist/main,js 打包时指令太长太繁琐,可以找到package.json 中的scripts 下在里面自定义一个名字 "scripts": {原创 2021-06-08 21:49:38 · 146 阅读 · 0 评论 -
webpack讲解(一)
webpack webpack是什么 官⽅方⽹网站:https://webpack.js.org/ 中⽂文⽹网站:https://www.webpackjs.com/ 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。 webpack的作用 webpa原创 2021-06-07 20:59:25 · 131 阅读 · 0 评论