webpack
田江
技术没有秘密,只有知道的人多了,才能把技术的作用发挥出来。
展开
-
webpack4.0.1安装问题和webpack.config.js的配置变化
The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using yarn: y...原创 2018-02-28 17:46:18 · 19944 阅读 · 7 评论 -
webpack入门
webpack可以打包的不仅仅是js了,css,sass,图片都可以进行打包,下面有入门的一步一步的简单示例:概念:webpack是模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。作用和优势:1. webpack 是以 commonJS 的形式来书写脚本,但对 AMD/CMD 的支持也很全面,方便旧项目进行代码迁...原创 2018-03-12 15:52:13 · 406 阅读 · 1 评论 -
webpack4.0.1的坑,持续补充
webpack4在2月底正式发布后,原来的很多做法不能使用,下面把使用webpack4.0.1过程中,出现的问题,一一记录,也欢迎大家补充,谢谢!团结就是力量,众人拾柴火焰高,加油! 关于webpack4.0.1的安装问题,可以查看我的另外一篇文章webpack4.0.1安装问题和webpack.config.js的配置变化1、不再支持node.js4.X2、不能用webp...原创 2018-03-05 15:51:07 · 2217 阅读 · 1 评论 -
webpack One CLI for webpack must be installed. These are recommended choices, delivered as separate
最近在安装好webpack后,使用时,提示One CLI for webpack must be installed. These are recommended choices, delivered as separate packages: - webpack-cli (https://github.com/webpack/webpack-cli) The original webpack f...原创 2018-06-13 16:49:22 · 3792 阅读 · 0 评论 -
webpack.config.js配置文件出错提示:Invalid configuration object.
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.output.path: The provided value "dist/js/page" is not an abs...原创 2018-06-13 17:14:54 · 18257 阅读 · 0 评论 -
webpack.config.js配置文件报错:The 'mode' option has not been set
WARNING in configurationThe 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaultsfor each e...原创 2018-06-13 17:32:21 · 17945 阅读 · 0 评论 -
Webpack4与3区别
webpack3的详细讲解请转到这里https://www.jianshu.com/p/42e11515c10f2018年8月25号webpack4正式发布。再次之后只要使用npm install webpack命令,默认安装的就是版本4。在不知道情况下,向我一样的小白就会跳入各种坑中。接下来我说说版本4与以前版本的区别之处。安装首先要重新安装webpack依赖包1 webpack...转载 2019-07-29 23:21:33 · 1298 阅读 · 0 评论 -
webpack打包(主要是处理html文件),并启动服务器
这篇文章主要说一下,如何在webpack打包过程中,处理html文件。项目目录结构现在需要,通过webpack打包后,把所有的打包结果放在项目目录下的build目录下,直接启动webpack-dev-server进行运行。一、安装插件:1、ExtractTextPlugin: npm iextract-text-webpack-plugin --save-dev2、h...原创 2019-08-02 20:07:39 · 3965 阅读 · 0 评论 -
前端面试题:webpack中loader和plugin的区别
一、从功能作用的角度区分:1、loader: loader从字面的意思理解,是加载的意思。 由于webpack 本身只能打包commonjs规范的js文件,所以,针对css,图片等格式的文件没法打包,就需要引入第三方的模块进行打包。 loader虽然是扩展了 webpack ,但是它只专注于转化文件(transform)这一个领域,完成压缩,打包,语...原创 2019-08-08 22:42:24 · 19104 阅读 · 2 评论