webpack文章/教程

webpack是当前前端最热门的前端资源模块化管理和打包工具。webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用,但它也能够胜任转换(transform)、打包(bundle)或包裹(package)任何资源(resource or asset)。

vue使用webpack打包失败

ERROR in static/js/vendor.0bab1cca7597d53f5cb2.js from UglifyJs Unexpected token: punc (() [./~/_vue-fancybox@1.0.3@vue-fancybox/src/fancyBox.js:7,...

分析webpack原理,手写一个自己的webpack,看看AST怎么用

本文开始我会围绕webpack和babel写一系列的工程化文章,这两个工具我虽然天天用,但是对他们的原理理解的其实不是很深入,写这些文章的过程其实也是我深入学...

解决:’webpackdevserver’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。

相信很多人在使用webpack-dev-server时肯定会遇到一些问题(如下图所示) 我在学习vue框架的时候因为要使用到webpack工具,但这个工具又是基于node,而我对no...

Webpack基础

什么是Webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,Typ...

webpack中的~

比如我们可以看到一些css文件中有这样的代码: @import '~antd/dist/antd.css';... 那么,这个 ~ 起什么作用呢? 首先,我们来看一下URL转换规则 1、如果UR...

webpackwebpackdevserver使用指南

webpack-dev-server插件可以实现webpack的自动编译刷新 项目结构   pockage.js { 'name': 'webpack', 'version': '1.0.0', 'description': '测试webp...

webpack入坑之旅

转自: http://guowenfh.github.io/2016/03/24/vue-webpack-01-base/ http://guowenfh.github.io/2016/03/25/vue-webpack-05-vue/ 个人觉得很不错,写的很详...

react+webpack+babel环境搭建

【react+webpack+babel环境搭建】 1、react官方文档推荐使用 babel-preset-react、babel-preset-es2015 两个perset。 Babel官方文档推荐使用 babel-pres...

webpack的loader和plugin的区别

【Loader】: 用于对模块源码的转换,loader描述了webpack如何处理非javascript模块,并且在buld中引入这些依赖。loader可以将文件从不同的语言(如TypeScrip...

webpack运行流程

webpack运行流程 分为初始化、编译、输出三个阶段. 初始化: 从配置文件和shell文件读取、合并参数; 加载plugin 实例化compiler 编译 从entry发出,针对每个...
1 410 411 412 413 414 415