webpack
webpack从入门
一笑程序猴
工欲善其事,必先利其器
展开
-
web前端高级webpack - webpack常见面试题及手写loader和plugin
webpack常见面试题有哪些常见的Loader?你用过哪些Loader?css-loader:加载 CSS,支持模块化、压缩、文件导入等特性style-loader:把 CSS 代码注入到 JavaScript 中,通过 DOM 操作去加载 CSSpostcss-loader:扩展 CSS 语法,使用下一代 CSS,可以配合 autoprefixer 插件自动补齐 CSS3 前缀-** babel-loader**:把 ES6 转换成 ES5file-loader:把文件输出到一个文件原创 2020-12-30 09:58:24 · 6097 阅读 · 0 评论 -
web前端高级webpack - webpack的手动配置及多入口多出口打包
webpack配置入口(entry)及出口(output)配置前面一篇文章已经介绍了webpack的四个核心概念:入口,出口,loader和插件,下面围绕这四个核心概念,我们来对webpack进行手动配置默认情况下我们运行在webpack打包时,webpack会把src下面的index.js作为入口文件;打包后会默认生产一个dist目录,里面生成一个main.js文件如果我们想手动指定入口文件和输出目录及文件,那么可以手动修改配置文件的方式来实现在webpack项目下新建一个webpa原创 2020-12-29 23:52:17 · 5868 阅读 · 1 评论 -
web前端高级webpack - 初识webpack 的安装运行及核心概念
初识webpack本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。这是官网给出的解释通俗的讲:webpack就是一个打包工具,通过webpack可以将js、css、sass、scss、jpg、png等等文件分门别类打包生成一个js/css/jpg等文件原创 2020-12-29 19:45:39 · 5486 阅读 · 0 评论