webpack深入与实战_技术问答

首页免费课 webpack深入与实战问答

webpack深入与实战

                
                qbaty
            Web前端工程师

                    查看讲师更多课程 
                    qbaty讲师的其他课程
                
Yarn构建工具入门基础
中级·11911
免费课程
                                
                难度中级
            
                时长 3小时21分
            
                学习人数
            
综合评分9.60
                            259人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

figureout77

楼上说【使用chunks的时候可以有script标签，但不能注释，注释了就会报错OTL】
我这边运行情况是：存在注释的前提下，script标签直接引用的js资源（<script type="text/javascript" src="./src/script/a.js"></script>）可以任意，如果通过模板语法引用js资源（<script type="text/javascript" src="<%= htmlWebpackPlugin.files.chunks.c.entry %>"></script>），则必须跟chunks里的逻辑保持一致（生成的页面会重复引用js资源）。

2 3-3 自动化生成项目中的html页面(下)

2018-03-06

qq_白衣卿相_2

我运行webpack hello.js bundle.js报路径出错----ERROR in multi ./hello.js bundle.js
Module not found: Error: Can't resolve 'bundle.js' in...

13 1-2 Webpack 安装和命令行

2018-03-05

vone

dev

2 4-1 什么是 Loader 以及 Loader 的特性

2018-03-04

遍历htmlWebpackPlugin时出错

最赞回答 / 徐霞3696871

解决了，for循环前面，还有最后一个}前面，不应该有=

2 回答 1284 浏览 3-2 自动化生成项目中的html页面(中)

2018-03-04

慕后端3382440

实测，如果webpack、babel等的版本与视频一致且操作也与视频完全一致的情况下，如果出现ES6没有转换成ES5的情况：
1、原因：exclude和include语句导致，去掉这两个语句即可转换成功，但速度很慢；
2、修改：将exclude:'./node_modules/'改成exclude:/node_modules/，即去掉引号改成类似正则表达式的形式即可。include也这样改或者不要均可。
3、视频中在没有加上两个语句前是转换成功的，无疑；但老师加上exclude和include语句后仅仅看到打包速度加快，但加上这两句后没有测试是否也是转换成功的，因此不排除老师这里出错的可能。

1 4-2 使用 babel-loader 转换 ES6 代码（上）

2018-03-04

webpack打包后的文件中方法的调用

最新回答 / an极限

你打开打包后的hello.bundle.js文件看看，你要调用的方法是否打包进去啦？

2 回答 3939 浏览 1-2 Webpack 安装和命令行

2018-03-04

慕姐2893314

讲的很具体

0 4-4 处理项目中的 css

2018-03-04

lonkilos

npm install webpack@3.5.3 -g
npm install webpack@3.5.3 --save-dev
不带版本号安装的话目前会安装版本4.0.1了个人觉得3.5.3这个版本比较好用

4 1-2 Webpack 安装和命令行

2018-03-02

为什么我到视频八分钟打包的时候回打包 lodash global.js 等多余的文件

最新回答 / 慕粉1804033883

看到后面知道了

1 回答 1249 浏览 4-2 使用 babel-loader 转换 ES6 代码（上）

2018-03-02

./dist/js，路径显示有误！加了 _dirname后没有报错了，显示打包成功！但是dist文件夹内不会生成js文件夹

最赞回答 / qq_后知后觉_82

absolute pathoutpath:{ path:require("path").resolve(__dirname,"dist/js")}

1 回答 1797 浏览 2-1 建立项目的 webpack 配置文件

2018-03-01

孤独剑_

D:\我的工作文件夹-lee>npm install webpack -g
npm WARN rollback Rolling back hoek@2.16.3 failed (this is probably harmless): EPERM: operation not permitted, lstat
全局安装，一直不成功，查不到版本号，求解，谢谢老师

0 1-2 Webpack 安装和命令行

2018-03-01