webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

夏时未祭

var path=require('path');
module.exports={
entry:{
bundle:['./src/script/a.js','./src/script/b.js']
},
output:{
path:path.join(__dirname,'./dist/js'),
//两杠的dirname
filename:'[name].js'
}
}

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

2017-04-09

夏时未祭

官方文档上描述：
{
entry: {
a: "./a",
b: "./b",
c: ["./c", "./d"]
},
output: {
path: path.join(__dirname, "dist"),
filename: "[name].entry.js"
}
}

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

2017-04-09

bibilili

老师命令窗口的小苹果是怎么弄的呢

0 1-2 Webpack 安装和命令行

2017-04-09

MandyLi

module: {rules: [{test: /\.css$/, loader: ['style-loader', {loader: 'css-loader', options: {importLoaders: 1 } }, {loader: 'postcss-loader', options: {plugins: function() {return [require('autoprefixer')]; } } }] }] } webpack.config.js的同级目录配置一个postcss.config.js文件，内容看其他评论，字数要超了

0 4-4 处理项目中的 css

2017-04-09

安静的木马

老师，什么时候更新视频呀？

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

2017-04-09

qq_时间抹不平的记忆_03140575

用image-webpack-loader还是报这个错误
ERROR in Error: Child compilation failed:
Module build failed: TypeError: Cannot read property 'bypassOnDebug' of null

- TypeError: Cannot read property 'bypassOnDebug' of null

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

2017-04-09

wldeveloper

我用 webpack 2.3.3 用image-webpack-loader 会报 cannot read property 'bypassOnDebug' of null 调了半天还是报错。。

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

2017-04-09

jiiiiiin

//指定loader的参数,告诉babel怎么处理我们的js,需要使用那些es6的特性
// presets: ['lastest']//lastest是babel loader的一个插件，也需要安装：https://babeljs.io/docs/plugins/
"presets": [//上面的方式已经被弃用，缓存env
["env", {
...

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

2017-04-08

雨中的鱼L

太感谢老师了，期待下一节实战

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

2017-04-08

多乐

太坑了webpack 2.0版，配置都大不相同，以下两种写法都不行啊
//写法一
loader:'style-loader!css-loader!postcss-loader!less-loader'
// 写法二
use:[
'style-loader',
'css-loader',
'postcss-loader',
'less-loader'
]

0 4-5 使用 less 和 sass

2017-04-08

多乐

webpack2.0版本的正确配置
module: {
rules: [
{
test: /\.js$/,
loader: "babel-loader",
query: {
presets: ['env']
},
include: [
path.resolve(__dirname,'src')
],
exclude: /node_modules/
}
]
},

1 4-4 处理项目中的 css

2017-04-07

wb_yjiayou

老师使用的webpack应该是1.0版本，在2.0可以这样写，就不会报错：
module.exports = {
entry:'./src/script/main.js',
output:{
filename:'./dist/bundle.js'
}
}

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

2017-04-07

因扎吉

参数可以这样配置
filename:__dirname+"/dist/index.html",

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

2017-04-07

qq_黑色柳丁

听着不错，很有用。

0 1-1 webpack 基本介绍

2017-04-07

MandyLi

全局安装webpack成功之后，还是command not found。。。

0 1-2 Webpack 安装和命令行

2017-04-07

首页上一页 69 70 71 72 73 74 75 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

webpack深入与实战