webpack
不要跟我说对不起
这个作者很懒,什么都没留下…
展开
-
webpack-sourceMap配置
文章目录一、webpack-sourceMap配置一、webpack-sourceMap配置SourceMap 是什么,下面通过例子来演示。修改 webpack.config.js,加上一行配置项 devtool: 'none' :const path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const CleanWebpackPlugin = require('clean-webpac转载 2020-12-23 18:44:45 · 1749 阅读 · 0 评论 -
webpack-核心概念-entry|output
文章目录一、webpack-核心概念-entry/output二、具体配置1. 配置多个入口,多个出口2. 配置输出前缀一、webpack-核心概念-entry/outputentry:入口起点指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始。默认值是 ./src/index.js,但你可以通过在 webpack configuration 中配置 entry 属性,来指定一个(或多个)不同的入口起点output:output 属性告诉 webpack 在哪里输出它所创原创 2020-12-22 13:36:05 · 144 阅读 · 0 评论 -
webpack-核心概念-plugins
文章目录一、webpack-核心概念-plugins1. 应用场景2. 具体场景1. 配置html-webpack-plugin2. 配置copy-webpack-plugin3. 配置clean-webpack-plugin一、webpack-核心概念-plugins1. 应用场景一般用于需要在打包节点上做一些额外的事情,且loader完成不了的事。2. 具体场景1. 配置html-webpack-pluginhtml-webpack-plugin:主要有两个作用为html文件中引入的原创 2020-12-22 10:29:25 · 181 阅读 · 0 评论 -
webpack-核心概念-loader
文章目录一、webpack-核心概念-loader1. 是什么2. 使用loader打包静态资源-图片3. 使用loader打包静态资源-样式4. 使用loader打包静态资源-字体文件一、webpack-核心概念-loader1. 是什么由于webpack本身只能处理Javascript模块,如果要处理其他类型的文件,就需要使用loader进行转换。loader的运行顺序:从下往上,从右往左。2. 使用loader打包静态资源-图片使用file-loader,注意需要打包的图片,默认一定是原创 2020-12-20 21:30:18 · 148 阅读 · 0 评论 -
webpack-简介和具体安装
文章目录一、webpack-是什么1. 核心定义2. 依赖二、webpack安装1. webpack提供了两种安装方式2. webpack在项目中运行三、webpack-配置文件1. 默认配置文件-webpack.config.js2. 更换webpack默认的配置文件3. 配置脚本package.json一、webpack-是什么1. 核心定义模块打包工具2. 依赖webpack打包依赖node,在安装之前需要安装node环境,且最好是node稳定最新版,因为webpack高版本的打包效率依原创 2020-12-20 21:29:37 · 134 阅读 · 0 评论 -
webpack-相关报错-持续更新
文章目录一、webpack-相关报错1. 使用Copy Plugin 报错一、webpack-相关报错1. 使用Copy Plugin 报错问题一: { ValidationError: Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema.options[0] misses the property 'patterns'.原创 2020-12-14 14:38:02 · 1292 阅读 · 0 评论