webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

床頭小熊熊

老师辛苦了~~~特别有用~~~特别好~~~

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

2017-05-17

慕粉默默

是不是在win7系统下面就没法用webpack的呀表示没有看懂。。。

0 1-2 Webpack 安装和命令行

2017-05-16

wyao

既然main插入到页面，那么在excludeChunls['main']将其排除不可以吗？是不是就可以不用在html页面使用模板引擎去判断是否加载main.js了？

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

2017-05-15

末年的极光

main.bundle.js:524 Uncaught TypeError: Layer is not a constructor
at new App (main.bundle.js:524)
at Object.exports.byteLength (main.bundle.js:528)
at __webpack_require__ (main.bundle.js:20)
at module.exports.list (main.bundle.js:66)
at main.bundle.js:69

3 4-6 处理模板文件

2017-05-15

miss_you达令

期待中......

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

2017-05-14

BreadCrumb

那个地址是什么意思啊，后面写这么多，js的引用地址还不是一样？？？？

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

2017-05-14

不浪漫

在webpack 2.x 的版本里我用$require这样反而加载不到图片，直接写相对路径就成功了。

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

2017-05-14

遥望星辰_

sublime 用得真溜，我就笨手笨脚的

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

2017-05-14

慕粉1711228114

简单，看着官网一两分钟的事就改好了：
module: {loaders: [babel-loader的设置],rules: [ { test: /\.css$/, use: ['style-loader','css-loader', { loader: 'postcss-loader', options: { plugins: (loader) => [ require('autoprefixer')({broswers: ["last 5 versions"] }) ]} }] }]},

2 4-4 处理项目中的 css

2017-05-13

Madhitman

感谢！看完一大半，由衷感谢！

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

2017-05-13

不浪漫

最终不得不建一个 postcss.config.js 再里面配置 module.exports = {plugins:[require('autoprefixer')(//这里可以写上autoprefixer的参数)]} 。而webpack.config.js里不去配置这些内容。而只是在module里写上这些： use: ['style-loader', 'css-loader?importLoaders=1', 'postcss-loader']。这样才成功了。
希望路过看到我留这么多言的朋友能给以指点。我实在不知道为什么他们哪样配置可以而我不行!要！疯了！！我QQ：313357691！！

4 4-4 处理项目中的 css

2017-05-11

不浪漫

我之前的回复因为并没有在common.css里引入flex.css所以我以上的代码是正确的。但是引入了之后，一直报错 Module build failed: Error: Loading PostCSS Plugin failed。因为我想在webpack,config.js里去配置postcss-loader.我吧所有的笔记，评论，问答，以及官网都看使劲的看，就像评论里顶的最高的那个 require到 webpack 而后在plagins里引用webpack.LoaderOptionsPlugind（）的这种方法，我一遍又一遍的删除，一遍又一遍的试验，始终不行。几乎疯了，花了一天时间。

1 4-4 处理项目中的 css

2017-05-11

不加冰的冰淇淋

最新版本2.5.1测试了一下发现的问题
path.resolve(__dirname,'src') 中可以不加__dirname直接'./src'
但是不写在path.resolve里面必须要加__dirname
第二个是写法上面(__dirname,'src') =(__dirname+'src')
关于楼下说用正则和加 __dirname 影响速度的说法
经过测试都是差不多的差值在50ms以内

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

2017-05-11

不加冰的冰淇淋

2.5.1官网最新文档总结：
1.安装方法 npm install babel-loader babel-core babel-preset-env webpack --save-dev
2.所以后面的参数'由presets: ['latest']相对于的变成了presets: ['env']
3.官方并没有废弃query 也没有指明options是新参数实际测试两种方法都可以生成结果也一模一样
4.loader: 'babel-loader'才能被识别
5.include和exclude需要相对路径，所以include:__dirname +'./src/' 加前缀__dirname

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

2017-05-11

慕田峪6011835

版本变化的太多了

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

2017-05-11

首页上一页 59 60 61 62 63 64 65 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

webpack深入与实战