webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

kolos

这个教程很棒啊 , 之前试了一下, 一被卡住就想扔掉webpack了

0 4-3 使用babel-loader 转换 ES6 代码（下）

2017-09-26

写的htmlWebpackPlugin获取它的options和files打包一直出错

最新回答 / 猪小小屁

<% for( var key in htmlWebpackPlugin){%><%= key%><%= }%>中最后的<%= }%>等号不要

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

2017-09-26

我想请问下老师，为什么我每次用npm run webpack就出错，说我已经使用，直接用webpack命令就能正常运行。并且为什么我每次生成的indexhtml文件都在/webpack-demo/的根目录下啊，谢谢，版本是3.6.0

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

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

2017-09-26

carolcoral

新的webpack要用
{
publicPath:"./dist",
filename:""
}

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

2017-09-26

关于字幕展示

最新回答 / kolos

这个需要反馈到慕课~ 不过讲师说的挺清楚的 , 感觉没必要

1 回答 671 浏览 1-1 webpack 基本介绍

2017-09-26

npm init 之后无响应

最赞回答 / 冬之诗

只是没自动退回而已，在输入yes按回车之后，再按ctrl+c就可以正常退回了

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

2017-09-26

EWL

https://github.com/webpack/webpack/releases，这个是github上发行的各个版本的webpack

0 4-3 使用babel-loader 转换 ES6 代码（下）

2017-09-25

EWL

因为使用的是v3.6.0,而且我AV官网上看了一下，说webpack1已经弃用了，建议还是去webpack2的文档看看用法比较好，放个链接https://webpack.js.org/concepts/

0 4-3 使用babel-loader 转换 ES6 代码（下）

2017-09-25

EWL

恩，除了官方的直接在根目录创建一个postcss.config.js之外，也可以直接在webpack.config.js的开头声明一个变量autoprefixer = require("autoprefixer");然后在rules里写成{ loader: "postcss-loader", opstions: { plugins:[autoprefixer] } },亲测有效，而且简短，如果有问题，欢迎一起探讨

0 4-4 处理项目中的 css

2017-09-24

EWL

exclude在过滤单个文件夹的时候可以直接写字符串，如果是多个的话，可以写成exclude: [
/(node_modules|bower_components|unitTest)/,
path.resolve(__dirname, 'models/myTestModel.js'),
]这样的

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

2017-09-24

流逝心情

没有mulit main出现

0 2-2 webpack配置的 entry 和 output new

2017-09-24

EWL

还有2017年的官网上写的是Each yearly preset only compiles what was ratified in that year. babel-preset-env replaces es2015, es2016, es2017, latest。然后就用了babel-preset-env，没用latest，最后结果反正是一样的，而且还挺好用的

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

2017-09-24

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

首页上一页 52 53 54 55 56 57 58 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空