首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
webpack
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
webpack(3)基础的打包过程
webpack(3)基础的打包过程 没有配置文件的打包 如果我们没有使用配置文件webpack.config.js,那么我们就需要通过命令来打包 案例 我们首先创建一个webpackTest文件夹,然后在文件夹中再创建2个子文件夹dist和src dist:打包后的文件夹 src:源代码文件夹 接着在src文件夹中创建4个文件,分别是info.js、main.js、mat
88
代码人生
01-01 08:00
代码人生
webpack(4)webpack.config.js配置和package.json配置
webpack(4)webpack.config.js配置和package.json配置 前言 上一篇文章我们使用webpack打包成功了,但是每次都要自己手动输入打包的文件地址和打包到哪里去的地址,非常麻烦,所以这里介绍使用配置文件进行打包 webpack.config.js 首先我们创建一个js文件webpack.config,当期我们配置最简单的导入导出,代码如下: const path = require(‘path‘)
104
代码人生
01-01 08:00
代码人生
webpack(6)webpack处理图片
webpack(6)webpack处理图片 图片处理url-loader(webpack5之前的处理方式) 在项目开发中,我们时长会需要使用到图片,比如在img文件夹中有图片test1.png,然后在normal.css中会引用到图片 body{ background: url("../img/test1.png"); } 但是此时,我们直接使用webpack打包是会报错的,我们需要安装
81
代码人生
01-01 08:00
代码人生
webpack介绍
webpack介绍 核心概念 entry:入口。webpack是基于模块的,使用webpack首先需要指定模块解析入口(entry),webpack从入口开始根据模块间依赖关系递归解析和处理所有资源文件。 output:输出。源代码经过webpack处理之后的最终产物。 loader:模块转换器。本质就是一个函数,在该函数中对接收到的内容进行转换,返回转换后的结果。因为 W
83
代码人生
01-01 08:00
代码人生
webpack(8)vue组件化开发的演变过程
webpack(8)vue组件化开发的演变过程 前言 真实项目开发过程中,我们都是使用组件化的去开发vue的项目,但是组件化的思想又是如何来的呢?下面就从开始讲解演变过程 演变过程1.0 一般情况下vue都是单页面开发,所以项目中只会有一个index.html文件,而且大多数时候这个html中的内容都是固定死的,之前我们都是把模板代码写在html中,现在我们把模板代码抽离出来,写在js文
101
代码人生
01-01 08:00
代码人生
webpack(9)plugin插件功能的使用
webpack(9)plugin插件功能的使用 plugin 插件是 webpack 的支柱功能。webpack 自身也是构建于你在 webpack 配置中用到的相同的插件系统之上! 插件目的在于解决 loader 无法实现的其他事。 常用的插件 由于插件可以携带参数/选项,你必须在 webpack 配置中,向 plugins 属性传入一个 new 实例,接下来我们介绍几个常用的插件 &
109
代码人生
01-01 08:00
代码人生
webpack自学文档 -- 1
webpack自学文档 -- 1 铭文真义 一种前端资源构建工具,一个静态模块打包器。它会根据模块的依赖关系进行静态分析,打包生成对应的静态资源。 五大神将 1、entry:打包入口 入口指示webpack以哪个文件为入口起点开始打包,分析构建内部依赖图 2、output:打包出口 输出(output)指示webpack打包后的资源bundles
95
代码人生
01-01 08:00
代码人生
webpack自学文档 --3 打包其他资源 && 开发服务器(webpack-dev-serve页面不刷新问题=>fix)
webpack自学文档 --3 打包其他资源 && 开发服务器(webpack-dev-serve页面不刷新问题=>fix) 通天妖文:打包其他资源 && 开发服务器 打包其他资源(其他配置再写一遍,就当温习,代码还是要多敲,毕竟脑子这个东西不咋滴!) const { resolve } = require("path"); //建议学webpack前还是学习下node.js,毕竟里面会用到里面的属性和方法 co
125
代码人生
01-01 08:00
代码人生
webpack(11)配置文件分离为开发配置、生成配置和基础配置
webpack(11)配置文件分离为开发配置、生成配置和基础配置 前言 上篇我们已经配置好了本地开发服务器,但是配置的相对比较凌乱,一个文件中有些是开发时用到的配置,有些是生成时用到的配置,有些是开发和生成都要用到的配置,所以我们这里把环境分为3个环境 webpack.base.config.js:webpack基础配置,开发和生成环境都需要用到的配置 webpack.dev.config.js:开发环境的配置 we
103
代码人生
01-01 08:00
代码人生
webpack简单搭建localhost访问静态资源
webpack简单搭建localhost访问静态资源 前端开发过程中,静态页面直接双击HTML文件就能在浏览器打开,有时候我们很希望可以用localhost启动,在局域网内可以直接用手机或者是别的电脑访问。 如果你用的是框架脚手架或者你是webpack大神就不用往下看了。今天分享的只是最简便用webpack-dev-server快速localhost访问静态资源。 Node环境一定要有,这个我就不说了。新建
392
«
1
2
3
4
5
6
7
8
...
23
24
»