webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

xiongwn

webpack很主流，老师讲的很好，赞

0 1-2 Webpack 安装和命令行

2017-06-13

慕前端4010136

新建postcss.config.js：
module.exports = {
plugins: {
'autoprefixer': {},
}
}
在webpack.config.js :
{
test:/\.css$/,
loader: [
'style-loader',
{ loader: 'css-loader', options: { importLoaders: 1 } },
'postcss-loader'
]
}

已经测试，可用

2 4-4 处理项目中的 css

2017-06-13

慕前端4010136

@Ron0115
第一个版本原因解决了。
但是当.flex-box{
display:flex;
} 提取出来的的时候，没有自动添加前缀

0 4-4 处理项目中的 css

2017-06-13

whidy

谢谢老师,,老师普通话真好,听起来真舒服

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

2017-06-12

左杨

坐等更新webpack下

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

2017-06-12

S_Alchemist

感谢老师，受益匪浅！
期待下部分

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

2017-06-12

lofan

这个时候我想起了JSP的语法

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

2017-06-12

lofan

没有出现你们说的报错，而且老师讲的非常好，赞赞赞

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

2017-06-12

S_Alchemist

现在可以用html-webpack-inline-source-plugin插件了，很方便。
只需要加一句：inlineSource: '.(js|css)$' 匹配用的是正则。
具体的可以去github看：https://github.com/DustinJackson/html-webpack-inline-source-plugin

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

2017-06-11

慕小白丶

windows的用户注意了！运行以下代码要将单引号变为双引号才可以通过编译。这狗币老师不提醒！

webpack hello.js hello.bundle.js --module-bind "css=style-loader!css-loader "

14 1-2 Webpack 安装和命令行

2017-06-11

S_Alchemist

感谢老师，受益很大！

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

2017-06-11

慕粉4244546

在exclude属性后面应该跟正则/node_modules/，不用加引号不是字符串，这样才能真正匹配，用dirname+的形式也是不行的。我试了一下，不用的话是6秒多，加上exclude只有1秒多了

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

2017-06-10

李裹富

我编译后尾部是这样的？

/******/ ([
/* 0 */
/***/ (function(module, exports) {

throw new Error("Module parse failed: C:\\xampp\\htdocs\\webPack\\hello.js Unexpected token (1:9)\nYou may need an appropriate loader to handle this file type.\n| function (str){\r\n| \talert(str)\r\n| }");

/***/ })
/******/ ]);

0 1-2 Webpack 安装和命令行

2017-06-09