webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

低丅頭囬忆

这是我写的json 但是报错，版是3.10.0
"webpack":"webpack --config webpack.config.js --progress
--display-modules --colors --display-reasons"
但是报错说 Failed to parse package.json data.
package.json must be actual JSON, not just JavaScript.

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

2017-12-27

低丅頭囬忆

我用的win7 使用命令打包含有css的文件的命令是双引号。

0 1-2 Webpack 安装和命令行

2017-12-27

pardon110

讲的太细了，希望能听到webpack处理流程，原理讲解。

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

2017-12-26

pardon110

好东西，强大干脆，瞬间觉得自己的任督二脉被打通了。

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

2017-12-25

SWMcalin

改了npm全局安装路径的童鞋一定要记得把安装路径添加到环境变量里，要不会一直提示webpack不是内部命令...

1 1-2 Webpack 安装和命令行

2017-12-24

慕先生6882453

老师为什么不更新了呢~~~ 老师讲的特别好，一直都惦记着后面的呢~~~

2017-12-23

popping小泓

我给大家排下这里的坑。
第一，安装的时候先要全局安装webpack 就是加上-g。
第二，文件名字不能重复webpack名字。
第三，windown下更改"css=style-loader!css-loader!" 是双引号

8 1-2 Webpack 安装和命令行

2017-12-22

popping小泓

1 1-2 Webpack 安装和命令行

2017-12-22

hao21

这节课在最新的webpack3.0以上版本运行不了，正确语法：
//处理模板文件
{test:/\.html$/,use: {loader: 'html-loader'}}

1 4-6 处理模板文件

2017-12-21

hao21

webpack3.0以上版本加-ms-和-webkit-正确语法：
//less打包处理,加载从右向左，注意顺序
{test:/\.less$/,use: [
{loader: "style-loader"},{loader: "css-loader"},{loader: "postcss-loader",options:{
plugins:[require('autoprefixer')] //自动处理class加前缀，-ms-和-webkit-
}},{loader: "less-loader"}
]},

0 4-5 使用 less 和 sass

2017-12-21

hao21

webpack3.0以上版本语法为：
{test:/\.less$/,use: [{loader: "style-loader"},{loader: "css-loader"},{loader: "less-loader"}]},

3 4-5 使用 less 和 sass

2017-12-21

为什么我总是学着学着就睡着了呢

谢谢老师，教程很不错。适合入门。

我对课程的内容敲的源码：https://github.com/leochan2017/webpack-demo。

里面建了很多个分支，分别对应每个课程的源码：https://github.com/leochan2017/webpack-demo/branches

同学们，共同进步。

2017-12-20

为什么我总是学着学着就睡着了呢

用了image-webpack-loader就报错。可能是安装除了问题。。

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

2017-12-20

小疯子20163524390

老师，全按你的来,输入webpack时，显示如下错误了，
Invalid configuration object. Webpack has been initialised using a configuration
object that does not match the API schema.
- configuration.output.path: The provided value "./dist/js" is not an absolute
path!
-> The output directory as **absolute path** (required).

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

2017-12-20

qq_Sunshine_131

--module-bind 后面的字符串换成双引号还是不行呀

0 1-2 Webpack 安装和命令行

2017-12-19

首页上一页 16 17 18 19 20 21 22 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

webpack深入与实战