世界上最伟大的投资就是投资自己的教育

整个网站 UI 正在用 tailwind 重写,持续更新维护

首页Webpack
随风 · 练气

webpack 学习资源分享

随风发布于2527 次阅读

以下是我个人的 webpack 学习资源总结。

webpack 官网

https://github.com/webpack/webpack

https://webpack.js.org/ 文档

https://webpack.github.io/

https://github.com/wesbos/Learn-Redux 一个 demo 有 webpack 例子

资源

https://github.com/webpack-contrib/awesome-webpack

https://github.com/webpack-china/awesome-webpack-cn

https://github.com/kraaas/webpack-tutorial-collection

教程

https://webpack.js.org/concepts/ 四个概念

https://github.com/ruanyf/webpack-demos

http://www.jianshu.com/p/42e11515c10f 入门 Webpack,看这篇就够了

rails

https://github.com/rails/webpacker

https://github.com/shakacode/react-webpack-rails-tutorial 有很多例子可以看

http://pixelatedworks.com/articles/embracing-change-rails51-adopts-yarn-webpack-and-the-js-ecosystem/

loaders

https://github.com/webpack-contrib/css-loader

https://github.com/webpack-contrib/style-loader

https://github.com/shama/stylus-loader

https://github.com/webpack-contrib/extract-text-webpack-plugin 利用上面两个生成 css 文件,不然会嵌入 js 中

https://github.com/babel/babel-loader

https://github.com/webpack-contrib/file-loader

插件

https://github.com/johnagan/clean-webpack-plugin

https://github.com/jantimon/html-webpack-plugin

https://github.com/baldore/open-browser-webpack-plugin 打开浏览器

web dev server

https://webpack.js.org/configuration/dev-server/

production

https://webpack.js.org/guides/production-build/

可视化

webpack --json > stats.json

http://webpack.github.io/analyse/

http://chrisbateman.github.io/webpack-visualizer/

优化

https://github.com/gajus/prepack-webpack-plugin

webpack 看我就够了(三)http://www.jianshu.com/p/b5248d441d9e

location / {
    root /var/www;
    index index.html;

    try_files $uri $uri/ /index.html;
}
# 产品编译及压缩
# https://webpack.js.org/guides/production-build/
webpack -p

# 线上环境产生文件名带md5的文件
# https://webpack.js.org/guides/caching/

output: {
  path: path.resolve('dist'),
  filename: '[name].[chunkhash]_bundle.js'
}

# 打包md5 cache的问题
# https://gist.github.com/clinyong/b28ff4a8fa7906d01723

完结。

本站文章均为原创内容,如需转载请注明出处,谢谢。

0 条回复
暂无回复~~
相关小书
webpack 3 零基础入门教程

webpack 3 零基础入门教程

最详细,最简单的零基础 webpack 3 入门教程,人人都能学会。

发表于

喜欢
我的微信官网服务号微信视频号
程序员随风
统计信息
    学员: 22966
    视频数量: 1496
    文章数量: 470

© 汕尾市求知科技有限公司 | 专业版网站 | 关于我们 | 在线学员:1159

粤公网安备 44152102000088号粤公网安备 44152102000088号 | 粤ICP备19038915号

Top