webpack
姜小衰
这个作者很懒,什么都没留下…
展开
-
[webpack4] 概念
概念原文链接:概念本质上,webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。当webpack处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。可以从这里了解更多关于JavaScript模块和webpack模块的信息。从web...转载 2019-01-07 15:31:05 · 248 阅读 · 0 评论 -
[webpack4] webpack概念系列目录
webpack概念系列目录概念原创 2019-01-07 15:47:06 · 334 阅读 · 0 评论 -
[webpack4] 模式(mode)
模式(mode)原文链接:模式(mode)提供 mode 配置选项,告知 webpack 使用相应模式的内置优化。string用法只在配置中提供 mode选项:module.exports = { mode: 'production'};或者从 CLI 参数中传递webpack --mode=production支持以下字符串值 :选项描述deve...转载 2019-01-07 17:14:55 · 1071 阅读 · 0 评论 -
[webpack4] loader
loader原文链接:loaderloader 用于对模块的源代码进行转换。loader 可以使你在 import或"加载"模块时预处理文件。因此,loader 类似于其他构建工具中"任务(task)",并提供了处理前端构建步骤的强大方法。loader 可以将文件从不同的语言(如 TypeScript)转换为 JavaScript,或将内联图像转换为 data URL。loader 甚至允许你...转载 2019-01-07 17:50:42 · 399 阅读 · 0 评论 -
[webpack4] output.pulicPath
output.publicPath参数类型string或function内容对于按需加载(on-demand-load)或加载外部资源(external resources)(如图片、文件)来说,output.publicPath是很重要的选项。如果指定了一个错误的值,则在加载这些资源时会收到 404 错误。此选项指定在浏览器中所引用的「此输出目录对应的公开 URL」。相对 URL(re...转载 2019-01-08 09:39:59 · 643 阅读 · 0 评论 -
[webpack4] 理解 webpack之process.env.NODE_ENV详解
理解 webpack之process.env.NODE_ENV详解原谅链接: 理解webpack之process.env.NODE_ENV详解(十八)在 node 中,有全局变量 process 表示的是当前的 node 进程。process.env 包含着关于系统环境的信息。但是 process.env 中并不存在 NODE_ENV 这个东西。NODE_ENV 是用户一个自定义的变量,在 w...转载 2019-01-08 10:54:04 · 4530 阅读 · 2 评论 -
[webpack4] vue-cli创建的webpack的项目由webpack3 升级到webpack4
vue-cli创建的webpack的项目由webpack3 升级到webpack4eslint 报错错误信息Module build failed (from ./node_modules/eslint-loader/index.js):TypeError: Cannot read property 'eslint' of undefined原因eslint-loader不兼容,升级...原创 2019-01-08 12:01:31 · 1219 阅读 · 0 评论 -
[webpack4] 配置 output.filename
配置output.filename原谅链接:output.filename参数string function内容此选项决定了每个输出 bundle 的名称。这些 bundle 将写入到 output.path 选项指定的目录下。对于单个 入口 起点,filename 会是一个静态名称module.exports = { //... output: { filename...转载 2019-01-08 14:51:52 · 6006 阅读 · 1 评论 -
[webpack4] 入口起点(entry points)
入口起点(entry points)正如我们在起步中提到的,在webpack配置中有多种方式定义entry属性。除了解释为什么它可能非常有用,我们还将向你展示如何去配置entry属性单个入口(简写)语法用法:entry: string | Array<string>webpack.config.jsconst path = require('path');const c...转载 2019-01-07 16:42:50 · 505 阅读 · 0 评论 -
[webpack4] 输出(output)
输出(output)配置output选项可以控制webpack如何向硬盘写入编译文件。注意,即使可以存在多个入口起点,但是只能指定一个输出配置。用法(Usage)在webpack中配置output属性的最低要求是,将它的值设置为一个对象,包括以下两点:filename用于输出文件的文件名目标输出目录path的绝对路径webpack.config.jsconst config = ...转载 2019-01-07 16:56:13 · 795 阅读 · 5 评论 -
[webpack] 路径中的@符号表示什么
路径中的@符号表示什么在看别人使用webpack打包的项目代码时,经常会看到在路径中引用@符号,如下所示:import conOne from '@/views/conOne.vue'这其实利用了webpack的resolve.alias特性,webpack.config.js的配制代码如下,在webpack打包时,会把路径引用中的@符号,转换为相对应的路径。const path = ...原创 2018-11-21 17:27:01 · 4518 阅读 · 0 评论 -
[webpack4] 使用webpack时报 Cannot find module 'webpack-cli'错误
使用webpack时报 Cannot find module 'webpack-cli’错误今天遇到了个问题,明明我在项目中已经安装了webpck webpack-cli,但是在使用webpack命令打包时,依然报错。webpack.config.js{ "name": "webpack-config-01", "version": "1.0.0", "description":...原创 2019-01-07 12:10:55 · 3055 阅读 · 2 评论