webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

夕颜egao

版本不一样处理方式不一样

0 1-2 Webpack 安装和命令行

2018-03-12

无独有偶偶xp

webpack新官网： https://webpack.js.org/

1 2-1 建立项目的 webpack 配置文件

2018-03-12

qq_驾辕的位置_0

参考网址 http://blog.csdn.net/u013446264/article/details/51114276
解决webpack不是内部命令：需要设置环境变量时也将NODE_PATH添加到path中

0 1-2 Webpack 安装和命令行

2018-03-10

唯雅故事

https://github.com/weiyastory/HowUseWebpack.git 笔记总结

2 2-1 建立项目的 webpack 配置文件

2018-03-08

唯雅故事

https://github.com/weiyastory/HowUseWebpack.git

0 4-5 使用 less 和 sass

2018-03-08

慕尼黑3821393

同学们注意了，必考点：webpack新版不能直接使用webpack这个命令，已经分离到了webpack-cli之中。但四使用webpack-cli还是不能使用，有很多坑。采用降级，使用3.11.0这个版本是好的，亲测有效哦。可以在package。json之中来指定版本，再使用npm i来安装

5 1-2 Webpack 安装和命令行

2018-03-07

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

慕后端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

慕姐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

孤独剑_

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

大東

讲得非常细，很赞！

2018-02-28

慕o啦啦啦

全局安装之后，敲webpack命令，出现如下
The CLI moved into a separate package: webpack-cli.

搞了半天，解决如下，换了另一个版本：
1：npm uninstall webpack -g
2：npm install webpack@1.13.2 -g

5 1-2 Webpack 安装和命令行

2018-02-27

首页上一页 9 10 11 12 13 14 15 下一页尾页

开始学习

课程须知: 1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念

老师告诉你能学到什么？: 1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码，参与3人拼团

热搜

最近搜索清空

webpack深入与实战