webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

EWL

大概看了一下官方文档，使用babel的话有三种方法，首先就是直接在config文件里面设置module: {
rules: [{test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"}]}第二种就是要require哪个文件就在require括号里加上loader跟之前的CSS一样，一开始写的是babel!./Person.js，结果报错了给babel加上-loader之后就好了所以一般来说还是加上比较稳妥，第三种就是直接进package.json加上一句"presets": ["env"]

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

2017-09-24

mmmnnmm

霹雳啪啦啦

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

2017-09-24

EWL

声音好听，条理清楚，很棒

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

2017-09-23

狗和主人

简直就像是在秀操作

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

2017-09-23

狗和主人

太球吊了！！！

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

2017-09-23

我不是马老五

出现 Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 错误
可尝试运行这两行指令：
npm i webpack -g
npm link webpack --save-dev

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

2017-09-23

cnyballk

<%=compilation.assets[htmlWebpackPlugin.files.chunks.main.entry.substr(htmlWebpackPlugin.files.publicPath.length)].source() %>
【【【【【【【main】】】】】】】】】这个名字要和你那个chunks里有的

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

2017-09-22

mop18mop183811015

讲得很好，老师辛苦了~

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

2017-09-22

sxy1990

安装image-webpack-loader后打包出错，我用的webpack2.x

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

2017-09-22

光光君

给老师点赞

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

2017-09-21

慕粉4346413

安装html-webpack-plugin的时候，运行出错。

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

2017-09-21

xyf2417

编译显示“ERROR in Template execution failed: TypeError: Cannot read property 'entry' of undefined”
删除模板index.html中的<%= htmlWebpackPlugin.options.date%>

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

2017-09-20

西安小伙

讲的不错很详细

0 1-2 Webpack 安装和命令行

2017-09-20

前端开发_郝

module.exports = {
entry: './src/script/main.js',
output: {
path:__dirname + "./dist/js",
filename: "db.js"
}
}

这样打包以后，在盘中看到的是复制了一个文件，并没有打包在原文件的dist中

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

2017-09-20

慕斯349247

老师为你狂打Call~求嫁。^_^

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

2017-09-19

首页上一页 31 32 33 34 35 36 37 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

webpack深入与实战