腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
Webpack配置精讲
共 16 篇文章
加入清单架
1
从零开始学VUE之Webpack(认识webpack)
2
从零开始学VUE之Webpack(依赖环境NodeJs安装)
3
从零开始学VUE之Webpack(Webpack3.6.0全局安装)
4
从零开始学VUE之Webpack(基本使用)
5
从零开始学VUE之Webpack(参数配置化)
6
从零开始学VUE之Webpack(什么是Loader)
7
从零开始学VUE之Webpack(使用CSSLoader和StyleLoader转化样式文件)
8
从零开始学VUE之Webpack(URLLoader和FileLoader简单介绍)
9
从零开始学VUE之Webpack(使用BabelLoader实现ES6语法打包转ES5语法)
10
从零开始学VUE之Webpack(集成VueJS)
11
从零开始学VUE之Webpack(组件分离代码形成.vue文件并使用VueLoader加载解析)
12
从零开始学VUE之Webpack(plugin插件介绍)
13
从零开始学VUE之Webpack(版权插件的使用)
14
从零开始学VUE之Webpack(Html打包插件的使用)
15
从零开始学VUE之Webpack(JS打包压缩插件的使用)
16
从零开始学VUE之Webpack(搭建本地服务器并分离开发和生产配置)
清单首页
Webpack配置精讲
文章详情
清单「Webpack配置精讲」 06/16
从零开始学VUE之Webpack(什么是Loader)
彼岸舞
·人瑞java开发工程师
什么是loader
loader是webpack中一个非常核心的概念
webpack用来做什么呢
在我们之前的实例中,我们主要是用webpack来处理我们写的JS代码,并且webpack会自动处理JS之间相关联的依赖
但是,在开发中我们不仅仅有基本的JS代码处理,我们也需要加载CSS,图片,也包括一些高级的ES6转ES5代码,将TypeScript转ES5代码,将scss,less转css,将.vue转成.js文件
对于webpack本身的能力来说,对于这些转化是不支持的
那咋么办呢?给webpack扩展对应的loader就可以了
loader使用过程
通过npm安装需要使用的loader
在webpack.config.js中 的modules关键字下进行配置
大部分loader我们都可以在webpack的官网中找到,并且学习对应的用法
作者:彼岸舞
时间:2021\06\07
内容关于:VUE
本文属于作者原创,未经允许,禁止转发
下一篇
举报
领券