webpack
科学的发展-只不过是读大自然写的代码
科学的发展-只不过是读大自然写的代码
展开
-
yarn、npm命令简单比较
1.概要 Yarn:是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具。 npm:是node自带的包管理工具。 2. yarn、npm命令简单比较 npm yarn 说明 npm init yarn init 初始化某个项目 npm install/link yarn install/link ...原创 2020-04-12 19:48:02 · 168 阅读 · 0 评论 -
webpack-使用webpack-dev-middleware
1.环境创建和命令 //基本环境 npm init -y npm install --save-dev webpack npm install --save-dev webpack-cli npm install --save lodash //本课环境 npm install --save-dev express webpack-dev-middleware //运行的命令 npm run...原创 2020-04-12 13:15:40 · 1020 阅读 · 0 评论 -
webpack-使用webpack-dev-server
1.环境创建和命令 npm init -y npm install --save-dev webpack npm install --save-dev webpack-cli npm install --save lodash npm install --save-dev webpack-dev-server npm start 2.目录结构 3.源文件 <!doct...原创 2020-04-12 11:11:35 · 219 阅读 · 0 评论 -
webpack-webpack-dev-middleware
1.环境准备和命令 // 环境准备 npm init -y npm install --save-dev webpack npm install --save-dev webpack-cli npm install --save lodash npm install --save-dev html-webpack-plugin npm install clean-webpack-plugin ...原创 2020-01-17 10:23:11 · 417 阅读 · 0 评论 -
webpack-webpack-dev-server
1.环境准备和命令 // 环境准备 npm init -y npm install --save-dev webpack npm install --save-dev webpack-cli npm install --save lodash npm install --save-dev html-webpack-plugin npm install clean-webpack-plugin ...原创 2020-01-17 09:32:20 · 381 阅读 · 0 评论 -
webpack-开发-使用 source map
1.环境准备和命令 // 环境准备 npm init -y npm install --save-dev webpack npm install --save-dev webpack-cli npm install --save lodash npm install --save-dev html-webpack-plugin npm install clean-webpack-plugin ...原创 2020-01-16 17:03:34 · 163 阅读 · 0 评论 -
webpack-清理 /dist 文件夹
1.环境准备和命令 npm init -y npm install --save-dev webpack npm install --save-dev webpack-cli npm install --save lodash npm install --save-dev html-webpack-plugin npm install clean-webpack-plugin --save-d...原创 2020-01-16 16:20:40 · 689 阅读 · 0 评论 -
webpack-设定 HtmlWebpackPlugin
1.环境准备和命令 //环境准备 npm init -y npm install --save-dev webpack npm install --save-dev webpack-cli npm install --save lodash npm install --save-dev html-webpack-plugin // 编译命令(后面用) npm run build 2.目录 ...原创 2020-01-16 15:08:22 · 162 阅读 · 0 评论 -
webpack-输出
1.环境准备和命令 npm init -y npm install --save-dev webpack npm install --save-dev webpack-cli npm install --save lodash npm run build 2.目录 3.代码文件 dist/index.html <!doctype html> <html>...原创 2020-01-16 14:33:56 · 152 阅读 · 0 评论 -
webpack-data
1.环境准备和命令 npm init -y npm install --save-dev webpack npm install --save-dev webpack-cli npm install --save lodash npm install --save-dev csv-loader xml-loader npm run build 2.目录 3.代码文件 dist/in...原创 2020-01-16 11:04:14 · 160 阅读 · 0 评论 -
webpack-css
1.说明 npm+webpack是本篇的基础,本篇需要的两个模块是 lodash style-loader css-loader,使用命令如下。 2.环境准备和命令 npm init -y npm install --save-dev webpack npm install --save-dev webpack-cli npm install --save lodash npm insta...原创 2020-01-16 10:08:53 · 211 阅读 · 0 评论 -
webpack-NPM 脚本(NPM Scripts)
1.环境准备和命令 npm init -y npm install --save-dev webpack npm install --save-dev webpack-cli npm install --save lodash npm run build 2.目录结构 3.源文件 /dist/index.html <!doctype html> <html...原创 2020-01-15 16:49:28 · 262 阅读 · 0 评论 -
webpack-使用配置文件
1.环境创建和命令 npm init -y npm install --save-dev webpack npm install --save-dev webpack-cli npm install --save lodash npm run build 2.目录结构 3.源文件 /dist/index.html <!doctype html> <h...原创 2020-01-15 13:46:49 · 204 阅读 · 0 评论 -
webpack-简单实践
1 环境创建相关命令 npm install --save-dev webpack npm install --save-dev webpack-cli npm init -y npm install webpack webpack-cli --save-dev npm install --save lodash npx webpack 2 代码分析 3 代码 <!doctyp...原创 2019-12-20 16:40:13 · 141 阅读 · 0 评论