webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

qq_我等_03752597

楼下那个生命在于折腾说的很对，最新文档推荐是
output: {

path: __dirname + "/dist/js",

filename: "bundle.js"

}
这样写打包输出文件地址的，记得是使用绝对路径

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

2017-09-19

你丫xiao笨熊

老师，真的谢谢你，让我入门了webpack前端工程化！谢谢！

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

2017-09-19

qq_小红

感谢老师，非常详细

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

2017-09-19

你丫xiao笨熊

39.让webpack支持less文件：(支持sass的步骤一模一样)
1.npm install --save-dev less 安装less到本地文件，并加入依赖。
2.npm install --save-dev less-loader 安装less-loader
3.配置：{
test:/\.less$/,
loader:'style-loader!css-loader!postcss-loader!less-loader'
}

1 4-5 使用 less 和 sass

2017-09-18

klupio

谢谢老师，讲的很清楚，期待继续更新

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

2017-09-18

无枫

做出来的都不一样的，好难受啊

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

2017-09-17

神秘的脑洞

良心课程啊~~~

2017-09-17

kx00012kx

求更新，老师

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

2017-09-16

doreimeido

满满的干货

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

2017-09-15

小木2020

还没用webpack，感觉自己和大神的距离差的不是一点点啊

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

2017-09-15

安然桑丶

新版本中不再允许在使用 loaders 省略“- loader”后缀。

ERROR in Entry module not found: Error: Can't resolve 'babel' in 'C:\Users\Anron\Desktop\test\webpack-demo'
BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders.

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

2017-09-14

安然桑丶

WIndow下的同学试试加双引号, 那些过来免费学习骂老师的白嫖过分了

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

2 1-2 Webpack 安装和命令行

2017-09-13

露临霜

exclude: '/node_modules/', //绝对路径

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

2017-09-13

露临霜

{ test:/\.(less|css)$/,
use: [
'css-loader', {
loader:'postcss-loader',
options:{ plugins:function(){return[require('postcss-import')(),
require('autoprefixer')({ browsers:['last 5 versions'] })] }}
},
'less-loader'
]
}

3 4-5 使用 less 和 sass

2017-09-12

你丫xiao笨熊

npm run webpack 报错，原因：--display-reasons 中的reason老师少写了个s

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

2017-09-12

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

webpack深入与实战