首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
webpack
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
Webpack基础应用篇-[10]1.7 使用 babel-loader
Webpack基础应用篇-[10]1.7 使用 babel-loader,前面的章节里,我们应用less-loader编译过less文件,应用xml-loader编译过xml文件,那js文件需要编译吗?我们来做一个实验,修改hello-world.js文件:08-babel-loader/src/hello-world.jsfunctiongetString(){returnnewPromise(
153
后端
01-01 08:00
后端
webpack 提示安装脚手架cli 却不成功
webpack 提示安装脚手架cli 却不成功,标签:nbspima执行info使用安装完成savepackalt使用全局命令:npmiwebpack-g安装完webpack,执行webpack命令提示还要安装webpack-cli直接输入yes安装完成之后,执行webpack还是会有相同的提示这里直接输入no,然后自己输入命令,安装成功npminstall--save-devwebpack-cl
152
代码人生
01-01 08:00
代码人生
Webpack自动打包
Webpack自动打包 2.自动化Webpack打包 1.目录结构 2.搭建与运行 1.在根目录新建webpack.config.js文件此名称固定不可更改,否则系统无法识别到 2.在根目录初始化 npm init -y,生成pack.json文件,如pack.json有依赖时 npm install安装依赖。 3.引入绝对路径 const path = require("
151
代码人生
01-01 08:00
代码人生
webpack运行过程(webpack打包原理)
webpack运行过程,webpack整个庞大的体系可以分为以下三部分:1、构建的核心流程2.loader的作用3、plugin架构与常用套路复制代码三者协作构成了webpack主体框架核心流程解析Webpack最核心的功能:就是将各种类型的资源,包括图片、css、js等,转译、组合、拼接、生成JS格式的bundler文件,这个过程核心完成了内容转换+资源合并两种功能,实现上包含以下三个阶段:初始
150
后端
01-01 08:00
后端
webpack配置方式
webpack配置方式,webpack配置方式npm起源、概念与优势npm是一个包管理工具npm开始是专门为了node.js准备的一个包管理工具,通过npm可以下载并使用网上已经封装好的js代码CommonJS很大一部分是对于模块系统的规范,方便引入js文件,但通过require引入的js文件无法被浏览器识别webpack可以把通过require引入的js文件编译为浏览器支持的js文件,并把多个文
149
后端
01-01 08:00
后端
webpack学习04--打包图片资源
webpack学习04--打包图片资源,标签:commonharexportsdirnameicptypehtmobjectloader1.使用npm下载组件npmifile-loader-Dnpmiurl-loader-D2.配置webpack.config.js文件const{resolve}=require(‘path‘);constHtmlWebpackPlugin=require(‘ht
149
后端
01-01 08:00
后端
Webpack配置路径别名
Webpack配置路径别名,标签:路径srcpngrom直接符号itempack通过使用Vue的CLI2构建项目后,在webpack.base.conf.js中配置resolve解决路径相关问题。//专门解决路径相关问题resolve:{extensions:[‘.js‘,‘.vue‘,‘.json‘],alias:{‘@‘:resolve(‘src‘),//给src起了个别名‘assets‘:r
148
后端
01-01 08:00
后端
webpack 性能优化,(系列二十)
webpack 性能优化,(系列二十),标签:线程不刷新自动速度chunkundle单线程ack打包modulechunkbundle的区别module各个源码文件,webpack一切皆模块chunk多模块合并成的,如entryimport()异步加载splitChunk代码分割bundle最终的输出文件,有可能好多个打包文件1.优化babel-loader尽可能少的应用loader,excllu
147
后端
01-01 08:00
后端
webpack(10)webpack-dev-server搭建本地服务器
webpack(10)webpack-dev-server搭建本地服务器,webpack(10)webpack-dev-server搭建本地服务器前言当我们使用webpack打包时,发现每次更新了一点代码,都需要重新打包,这样很麻烦,我们希望本地能搭建一个服务器,然后写入新的代码能够自动检测出来,这时候就需要用到webpack-dev-serverwebpack-deb-serverwebpack
146
后端
01-01 08:00
后端
Webpack的理解以及解决了的问题
Webpack的理解以及解决了的问题,Webpack的理解以及解决了的问题一、背景Webpack最初的目标是实现前端项目的模块化,旨在更高效地管理和维护项目中的每一个资源模块化最早的时候,我们会通过文件划分的形式实现模块化,也就是将每个功能及其相关状态数据各自单独放到不同的JS文件中约定每个文件是一个独立的模块,然后再将这些js文件引入到页面,一个script标签对应一个模块,然后调用模块化的成员
145
«
1
2
...
4
5
6
7
8
9
10
...
23
24
»