webpack深入与实战_技术问答_慕课网

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

jansanluan

打包出错的也可以看这里。
module.exports = {
entry:__dirname+'/src/script/main.js',
output:{
path:__dirname+'/dist/js',
filename:'bundle.js'
}
}

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

2017-11-02

LenGxy

如果报 Unknown argument: display-reason的，请改成--display-reasons，这里应该多一个s

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

2017-11-01

Anney_fish

这里直接webpack hello.js hello.bundle.js执行不报错，是因为进行了全局安装。如果没有全局安装的话，需要切换到node_modules/.bin文件夹下面执行此命令，同事要注意文件路径：webpack ../../hello.js ../../hello.bundle.js

3 1-2 Webpack 安装和命令行

2017-11-01

Samantha1985

image-webpack-loader 对图片压缩

0 4-7 处理图片以及其他文件

2017-11-01

Samantha1985

1. css 中的图片
2.html中引用图片相对路径 ${ require('../../assets/bg.png')}
3. 输出到图片目录 query: { name: }
4. file-loader url-loader 前者是路径后者是base64编码

0 4-7 处理图片以及其他文件

2017-11-01

Samantha1985

/\.(png|jpg|gif|svg)$/i,

0 4-7 处理图片以及其他文件

2017-11-01

html-loader解析ejs语法？

+ 我来回答回答最高可+2积分

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

2017-10-31

qq_跳动的灵魂_0

还是我静不下心来，这个敲键盘的声音，快疯了

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

2017-10-31

啊湛在努力增肥

打包失败的同学，可以在package.json里配置webpack的版本，然后npm install
"devDependencies": {
"webpack": "1.13.2"
}

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

2017-10-30

能否给我们讲讲webpack2.x的内容？

+ 我来回答回答最高可+2积分

0 回答 459 浏览

2017-10-30

<%=%>获取不到值

最新回答 / LenGxy

你这个模板都没有输出script的src，结果里输出了，所以模板和结果根本对不上啊

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

2017-10-30

qq_林小贱_1

include和exclude，可以直接使用path.resolve('./src')和path.resolve('./node_modules')来书写

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

2017-10-28

大叶小叶

<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/c.js"></script>
<script type="text/javascript" src="js/b.js"></script>
<script type="text/javascript" src="js/a.js"></script>
都会生成这么多

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

2017-10-27

在使用less的时候报错

+ 我来回答回答最高可+2积分

4 回答 2489 浏览 4-5 使用 less 和 sass

2017-10-27

在新版本的webpack和babel中设置presets

+ 我来回答回答最高可+2积分

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

2017-10-27

并没有将ES6 转换成ES5

已采纳回答 / 慕粉4163311

将package.json 中的presets值修改成latest或者es2015

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

2017-10-27

首页上一页 41 42 43 44 45 46 47 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号

友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消