剧场模式
首页前端轻松学 Webpack 4 视频教程

轻松学 Webpack 4 视频教程 #5 搭建项目

下载源码hfpp2012发布于Webpack16667 次点击播放时长:05:12
1

https://webpack.js.org/guides/getting-started/

$ webpack --mode=development ./src/hello.js --output ./build/main.js
$ npm init -y
$ npm install webpack webpack-cli --save-dev
$ cnpm install webpack webpack-cli --save-dev
{
  "name": "hello-webpack-4",
  "version": "1.0.0",
  "description": "轻松学 Webpack 4",
  "main": "index.js",
  "scripts": {
    "dev": "webpack --mode=development"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/hfpp2012/hello-webpack-4.git"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/hfpp2012/hello-webpack-4/issues"
  },
  "homepage": "https://github.com/hfpp2012/hello-webpack-4#readme",
  "devDependencies": {
    "webpack": "^4.20.2",
    "webpack-cli": "^3.1.2"
  }
}
1 条回复
播放列表目录

1Free轻松学 Webpack 4 视频教程 #1 课程介绍

2Free轻松学 Webpack 4 视频教程 #2 安装

3Free轻松学 Webpack 4 视频教程 #3 zero config

4Free轻松学 Webpack 4 视频教程 #4 Mode

Free轻松学 Webpack 4 视频教程 #5 搭建项目

6Pro轻松学 Webpack 4 视频教程 #6 用 npx 来解决全局安装的问题

7Pro轻松学 Webpack 4 视频教程 #7 配置文件 webpack.config.js

8Pro轻松学 Webpack 4 视频教程 #8 配置多入口文件 Entry Points

9Pro轻松学 Webpack 4 视频教程 #9 什么是 Babel

10Pro轻松学 Webpack 4 视频教程 #10 babel-loader 的介绍与安装

11Pro轻松学 Webpack 4 视频教程 #11 Babel Plugins - plugin-transform-arrow-functions

12Pro轻松学 Webpack 4 视频教程 #12 Babel Plugins - 更多的插件

13Pro轻松学 Webpack 4 视频教程 #13 Babel Presets - @babel/preset-env

14Pro轻松学 Webpack 4 视频教程 #14 devtool false 让编译后的代码可读性强一些

15Pro轻松学 Webpack 4 视频教程 #15 @babel/polyfill 的那些事儿 part 1

16Pro轻松学 Webpack 4 视频教程 #16 @babel/polyfill 的那些事儿 part 2 - 原理及如何解决

17Pro轻松学 Webpack 4 视频教程 #17 @babel/polyfill 的那些事儿 part 3 - preset-env 的选项和按须编译

18Pro轻松学 Webpack 4 视频教程 #18 @babel/runtime

19Pro轻松学 Webpack 4 视频教程 #19 @babel/plugin-transform-runtime 是如何工作的

20Pro轻松学 Webpack 4 视频教程 #20 打造 React 开发环境

21Pro轻松学 Webpack 4 视频教程 #21 使用第一个 webpack 插件 html-webpack-plugin

22Pro轻松学 Webpack 4 视频教程 #22 配置多个单页面应用

23Pro轻松学 Webpack 4 视频教程 #23 使用 loader 来处理 CSS

24Pro轻松学 Webpack 4 视频教程 #24 使用 loader 来处理 Sass 和 Less 文件

25Pro轻松学 Webpack 4 视频教程 #25 用 mini-css-extract-plugin 把 CSS 分离成文件

26Pro轻松学 Webpack 4 视频教程 #26 启动服务器并实时刷新 webpack-dev-server

27Pro轻松学 Webpack 4 视频教程 #27 用 clean-webpack-plugin 来清除文件

28Pro轻松学 Webpack 4 视频教程 #28 如何打包图片(包含规划编译出的文件的目录结构)

29Pro轻松学 Webpack 4 视频教程 #29 如何压缩图片

30Pro轻松学 Webpack 4 视频教程 #30 构建开发和生产环境-分离配置文件

31Pro轻松学 Webpack 4 视频教程 #31 显示打包进度条

32Pro轻松学 Webpack 4 视频教程 #32 调整配置 - 在浏览器显示 DevServer 的 编译错误的信息

33Pro轻松学 Webpack 4 视频教程 #33 devtool 和 source map 深入解析

34Pro轻松学 Webpack 4 视频教程 #34 解决开发环境和生产环境打包不一致的情况

35Pro轻松学 Webpack 4 视频教程 #35 打包优化 - 深入探索 mode、Optimization、terser-webpack-plugin、UglifyjsWebpackPlugin

36Pro轻松学 Webpack 4 视频教程 #36 打包优化 - 生产环境压缩 CSS 文件

支付宝付款
订阅或购买扫码加我微信

加我微信:15014006126

相似的视频
诱人的 GraphQL 视频教程 #2 搭建 Express 项目框架

诱人的 GraphQL 视频教程 #2 搭建 Express 项目框架

免费播放时长:05:40

8924 次点击

诱人的 GraphQL 视频教程 #3 搭建  GraphQL 项目框架

诱人的 GraphQL 视频教程 #3 搭建 GraphQL 项目框架

免费播放时长:04:06

1669 次点击

轻松学 Webpack 4 视频教程 #3 zero config

轻松学 Webpack 4 视频教程 #3 zero config

免费播放时长:05:48

18954 次点击

轻松学 Webpack 4 视频教程 #1 课程介绍

轻松学 Webpack 4 视频教程 #1 课程介绍

免费播放时长:03:20

18825 次点击

© Rails365 | 隐私条款 | 服务条款 | 粤ICP备15004902号 | 在线学员:24

Top