首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
webpack
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
webpack的一些基本配置
webpack的一些基本配置 打包命令 webpack --mode development/production 默认模式 在webpack打包时默认的位置是当前目录下的./src/index.js 通过命令 通过命令webpack --mode ./文件夹/文件 -o ./文件夹/文件夹 development来自定义打包内容和输出,打包输出为main.js 通过配置文件配置 创
85
代码人生
01-01 08:00
代码人生
webpack plugins
webpack plugins 1. VueLoaderPlugin 加载vue文件时需要使用 前提:安装vue-loader vue-template-compiler 使用:在webpack.config.js中添加 const { VueLoaderPlugin } = require(‘vue-loader‘) module.exports = { plug
131
代码人生
01-01 08:00
代码人生
webpack的基本使用(1)
webpack的基本使用(1) 前言 官方网址: 以下测试需要在特定的版本下进行实验,否则容易打包报错 "webpack": "^4.41.6", "webpack-cli": "^3.3.11" webpack帮助命令:webpack --help 出现打包后报错的问题,极大多数是因为版本问题,可以适当的降低版本看是否解决 简介 为什么需要webpack 为解决在浏览器的页面中使用
120
代码人生
01-01 08:00
代码人生
webpack初识(webpack是什么?webpack有哪些功能?)
webpack初识(webpack是什么?webpack有哪些功能?) webpack简介 webpack是基于模块化的打包(构建)工具,它把一切视为模块(js、css、图片) 它通过一个开发时态的入口模块为起点,分析出所有的依赖关系,然后经过一系列的过程(语法转换、资源压缩、模块合并),最终生成运行时态的文件。 webpack的作用 代码转换:将TypeScript编译成Javascript,将SCSS编译
111
代码人生
01-01 08:00
代码人生
Webpack 编译后代码解读 模块原理 异步加载原理
Webpack 编译后代码解读 模块原理 异步加载原理 webpack编译后源码分析 分模块 定义缓存模块的数组为空 有一个起始模块执行 当请求(require)起始模块时,查找缓存是否存在,不存在需要从模块列表加载并缓存,并且通过call传递module, exports, __webpack_require__ // 01 自执行 (function (modules) { // 02 requi
102
代码人生
01-01 08:00
代码人生
webpack五大概念
webpack五大概念 1.entry 入口指示,从次入口开始打包,分析构建内部依赖图。 2.output 打包后的资源输出路径以及如何命名。 3.loader loader让webpack能够去处理那些非js文件(webpack自身只理解javascript) 4.plugins 插件(plugins)可以用于执行范围更广的任务,插件的范围包括,从打包优化和压缩一直到重新定义
79
代码人生
01-01 08:00
代码人生
webpack打包图片资源
webpack打包图片资源 npm i url-loader file-loader -d url-loader依赖于file-loader 上面两loader用于处理图片链接,html-loader处理html内嵌img: npm i html-loader -d 原文:https://www.cnblogs.com/lijing9932/p/15109902.html
97
代码人生
01-01 08:00
代码人生
webpack基础属性配置
webpack基础属性配置 1.使用npm安装webpack,在工程根目录路径栏输入cmd回车,输入 1 npm init -y 2 npm i webpack webpack@cli -D 安装过慢可以用淘宝镜像cnpm 2.创建webpack.config.js配置文件, module.exports = { //开发过程用development,打包速度快,体积
105
代码人生
01-01 08:00
代码人生
webpack
webpack webpack: 1.1 webpack 是什么 webpack 是一种前端资源构建工具,一个静态模块打包器(module bundler)。 在webpack 看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理(chunk)。它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)。 1.2
93
代码人生
01-01 08:00
代码人生
webpack 基本配置
webpack 基本配置 webpack 基本配置 和开发模式配置 安装版本 (练习的版本) cnpm i webpack@4.16.5 cnpm i webpack-cli@3.1.0 cnpm i html-webpack-plugin@3.2.0 -d cnpm i css-loader@3.4.2 style-loader@1.1.3 -d cnpm i les
128
«
1
2
...
5
6
7
8
9
10
11
...
23
24
»