webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

lzhi

讲的并不好！

2 1-2 Webpack 安装和命令行

2017-11-03

PogbaLIU

期待下集，webpack老师讲的好好

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

2017-11-03

Anney_fish

我在webpack的v3版本上面这么配置：{test: /\.css$/, loaders: ['style-loader', 'css-loader', { loader: 'postcss-loader', options: {plugins: [require('postcss-import'), require('autoprefixer')], browser: ['last 5 versions'] } }] }，那个@import引入的css和正常css处理一样。

1 4-4 处理项目中的 css

2017-11-02

LenGxy

我的插件名称用下划线也没问题啊。。不一定要骆驼峰吧

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

2017-11-02

11zizai

感觉要看几遍

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

2017-11-02

Anney_fish

最新的webpack是3.几的了，老师用的还是v2的，是不是很早之前就录了啊。哎呀，声音真好听，不知道是不是个帅哥

1 4-1 什么是 Loader 以及 Loader 的特性

2017-11-02

jansanluan

打包出错的也可以看这里。
module.exports = {
entry:__dirname+'/src/script/main.js',
output:{
path:__dirname+'/dist/js',
filename:'bundle.js'
}
}

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

2017-11-02

LenGxy

如果报 Unknown argument: display-reason的，请改成--display-reasons，这里应该多一个s

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

2017-11-01

Anney_fish

这里直接webpack hello.js hello.bundle.js执行不报错，是因为进行了全局安装。如果没有全局安装的话，需要切换到node_modules/.bin文件夹下面执行此命令，同事要注意文件路径：webpack ../../hello.js ../../hello.bundle.js

3 1-2 Webpack 安装和命令行

2017-11-01

Samantha1985

image-webpack-loader 对图片压缩

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

2017-11-01

Samantha1985

1. css 中的图片
2.html中引用图片相对路径 ${ require('../../assets/bg.png')}
3. 输出到图片目录 query: { name: }
4. file-loader url-loader 前者是路径后者是base64编码

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

2017-11-01

Samantha1985

/\.(png|jpg|gif|svg)$/i,

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

2017-11-01

qq_跳动的灵魂_0

还是我静不下心来，这个敲键盘的声音，快疯了

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

2017-10-31

啊湛在努力增肥

打包失败的同学，可以在package.json里配置webpack的版本，然后npm install
"devDependencies": {
"webpack": "1.13.2"
}

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

2017-10-30

qq_林小贱_1

include和exclude，可以直接使用path.resolve('./src')和path.resolve('./node_modules')来书写

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

2017-10-28

首页上一页 22 23 24 25 26 27 28 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

webpack深入与实战