webpack深入与实战_技术问答

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

webpack深入与实战

                
                qbaty
            Web前端工程师

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

全部评论问答未解决精华

必成大器

!!!这样写就可以了一点不复杂的

rules: [{
test: /\.css$/,
use: [
'style-loader',
'css-loader',
{ loader:'postcss-loader',options:{ broswers: ['last 5 versions'] }
}
]
}
]

0 4-4 处理项目中的 css

2017-07-24

请问这是怎么回事呀怎么解决谢谢optional Skipping failed optional dependency /chokidar/fsevents: Not compatible with your operating system or architecture: fsevents@1.1.2

最新回答 / 慕仔9962355

总是提示 'webpack' 不是内部或外部命令也不是可运行的程序或批处理文件

2 回答 1948 浏览 1-2 Webpack 安装和命令行

2017-07-24

是之之喔

没报错，但是没有less那个style

3 4-5 使用 less 和 sass

2017-07-24

我觉得有个主要问题没解决

最新回答 / 蓝天吻

就目前而言webpack4.0里面的确没有处理的属性，其实可以，自己写个生成多页面的配置文件page.js,里面讲页面的配置项写好，然后动态生成多个new htmlWebpackPlugin()，这样就可以只关注页面的配置，然后页面的配置文件可以合理的处理，比如抽调公共的配置属性、进行设置等。

3 回答 676 浏览 3-3 自动化生成项目中的html页面(下)

2017-07-23

前方的路还远

1.75倍速，键盘啪啪啪啊

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

2017-07-23

前方的路还远

我遇到了和@weixin_Arvin_0 一样的问题，我是按照官网的教程一步步搞得，到了file-loader这一步npm run build就出现大量模块未安装的问题了。后来我试着他的方法npm install（我用的cnpm install），就行了，这是什么问题，求解。

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

2017-07-23

慕运维5705850

"webpack": "^3.3.0"

module.exports = {
entry: './src/script/main.js',
output: {
path: __dirname + "/dist/js",
filename: 'bundle.js'
}
}

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

2017-07-23

杰枫

没必要将webpack安装到全局，安装到局部就好了，不过调用就要使用 npm run-scripts的方法来了

0 1-2 Webpack 安装和命令行

2017-07-23

前方的路还远

如果提示不是内部命令，说明没有全局安装，但是官方不推荐全局安装，所以大家可定位到webpack项目目录使用 .\node_modules\.bin\webpack hello.js hello.bundle.js 操作即可

1 1-2 Webpack 安装和命令行

2017-07-23

前方的路还远

穷，买不起mbp啊！！！

0 1-2 Webpack 安装和命令行

2017-07-22

fengxxc

4:01，听到一声呼噜~哈哈哈哈~

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

2017-07-22

等时钟成长

我只想说，老师，为什么你知道的那么多！！！

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

2017-07-22

慕桂英8079854

根据老师课程使用webpack2.0搭建, loader-plugin代码地址https://github.com/collaboratorstre/webpack-Basic-configuration1；
loader-loader代码地址 https://github.com/collaboratorstre/webpack-loader-Basic-configuration；
根据课程写的笔记和一些注意事项地址：http://www.jianshu.com/p/c312ae2f5e3a

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

2017-07-22