1. 初识webpack 安装 Webpack 在安装 Webpack 前，你本地环境需要支持 node.js。 使用 npm 安装 webpack： npm install webpack webpack-cli -g //全局安装 npm install webpack webpack-cli ...
转载
2021-10-20 19:50:00
201阅读
2评论
我的 webpack.config.js package.json index.html app.js my.js a.png app.css 最后生成的output 文件main.js 执行： 浏览器打开： 如今，越来越多的JavaScript代码被使用在页面上，我们添加很多的内容在浏览器里。如何
转载
2016-10-16 23:23:00
70阅读
2评论
中文文档：https://webpack.docschina.org/ ##webpack.config.js const path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin')module.ex
原创
2022-06-27 10:55:52
57阅读
安装Webpack npm install webpack g npm install webpack cli g 随后进入目录测试 创建项目,在目录
原创
2022-06-28 13:46:50
41阅读
学习webpack 4.0 https://webpack.docschina.org/concepts/ 一个最简单的打包的代码。https://github.com/ronami/minipack itstrive的代码 https://github.com/itstrive #### npm
转载
2019-05-28 22:54:00
103阅读
2评论
一、npm 1.npm是随同Nodejs一起安装的包管理工具。2.安装 npm install npm -g npm -v 测试是否成功安装 3.使用淘宝镜像(cnpm命令) npm install -g cnpm --registry=https://registry.npm.taobao.org
转载
2020-10-17 12:44:00
78阅读
一、webpack 前端项目工程化的具体解决方案，打包工具 1. webpack基本使用 项目中安装： #使用最新版本,可以不指定版本 npm i webpack webpack-cli -D 配置webpack webpack.config.js 的作用 自定义打包的入口和出口 2. webpac ...
转载
2021-08-13 10:57:00
153阅读
2评论
下载node.js参考博客
原创
2022-08-04 20:11:54
31阅读
webpack学习笔记（阮一峰教程demo） 学习webpack，直接观看代码理解。将自己的理解过程记录下来，后续若有不同理解
原创
2022-06-20 17:17:58
105阅读
webpack的作用： 模块打包（可以将不同模块的文件打包整合在一起，并且保证它们之间的引用正确，执行有序） 利用打包我们就可以在开发的时候根据我们自己的业务自由划分文件模块，保证项目结构的清晰和可读性。 编译兼容（通过webpack的Loader机制） 在前端的“上古时期”，手写一堆浏览器兼容代码 ...
转载
2021-09-26 16:20:00
97阅读
2评论
1.安装webpack npm install webpack -g 2.进入项目目录，初始化 npm init 3.将webpack安装到项目依赖中 npm install webpack --save-dev 4.创建一个webpack.config.js配置文件 module.exports
原创
2021-08-04 14:52:19
76阅读
* Webpack是一个模块打包器(bundler)。 * 在We
原创
2022-03-30 10:38:17
127阅读
* Webpack是一个模块打包器(bundler)。 * 在Webpack看来, 前端的所有资源文件(js/css/img/less/...)都会作为模块处理 * 它将根据模块的依赖关系进行静态分析，生成对应的静态资源官方文档：https://www.webpackjs.com/笔记：Webpack 本身只能加载JS/JSON模块，如果要加载其他类型的...
原创
2021-08-07 12:50:44
201阅读
打包样式(css/less..)资源 (在webpack.config.js中的module设置) 其rules中需要的模块需要npm下载 module: { rules: [ // 详细loader配置 // 不同文件必须配置不同loader处理 //处理css资源 { // 匹配哪些文件 tes ...
转载
2021-10-20 20:08:00
132阅读
2评论
5.使用webpack打包页面和样式表中的图片文件 需要添加loader配置(module) npm下载 url-loader file-loader html-loader 模块 const { resolve } = require('path'); const HtmlWebpackPlugi ...
转载
2021-10-20 20:56:00
189阅读
2评论
打包其他资源(比如字体等文件) 需要的loader是 file-loader module: { rules: [ //处理css { test: /\.css$/, use: ['style-loader', 'css-loader'] }, // 打包其他资源(除了html/js/css资源以外 ...
转载
2021-10-21 13:38:00
177阅读
2评论
webpack学习笔记(一)
webpack一、开发环境快速入门参考网址：中文:https://webpack.docschina.org/英文:https://webpack.js.org/参考视频：https://www.bilibili.com/video/BV1e7411j7T5?p=17&spm_id_from=pageDriver开发环境介绍能让代码本地调试运行的
转载
2021-05-09 10:15:29
164阅读
2评论
笔记： 1、 2、所有的gulp任务都带一个回调函数。这个回调函数的调用，说明该任务结束了。 3、gulp如何传参？ 使用示例：gulp build --env prod webpack默认只能加载（import）js文件加载器（loader）的作用就是把其它类型的文件转换成Js代码文件引入到程序中
转载
2016-07-28 10:49:00
96阅读
2评论
目录结构如下：|-- index.|-- main.js|-- show.js|-- webpack.config.js index.h...
原创
2022-03-03 11:41:14
57阅读
目录结构如下：|-- index.h
原创
2022-09-01 15:35:42
67阅读
