webpack
yanhappyYY
深自缄默,如云淡薄。
展开
-
【笔记】webapck@3 配置
webapck@3 配置 本文为阅读阮一峰大神关于webpack@3后的个人笔记,如有关于总结不全面等问题请移步webpack官方网站, 或者阮一峰github上的案例 我参考的网站:深入浅出webpack < 不鼓励不劳而获,如果有需要仍建议购买书籍,支持作者> document.addEventListener("mousewheel",function(){ do...原创 2018-05-23 18:39:15 · 265 阅读 · 0 评论 -
【案例】webpack中loader、plugin和devserver的应用-1
webpack-dev-server 1.提供 HTTP 服务而不是使用本地文件预览; 2.监听文件的变化并自动刷新网页,做到实时预览; 3.支持 Source Map,以方便调试。 webpack原生提供2,3点,使用webpack-dev-server可以做到第1点 安装 npm install webpack-dev-server –save-dev npm i -D webp...原创 2018-05-23 18:39:46 · 299 阅读 · 0 评论 -
webpack 图片打包路径问题DIY解决方案
为什么要DIY?因为我也不知道官方怎么解决的啊! 如果你能告诉我的话,真的是帮大忙了! 问题描述 开发环境上的图片地址是放在根目录下面的,不用管,但是生产环境的地址引用一直不对!图片路径报错… 先来看配置文件 生成目录 这种形式:打包路径是对的,但是引用路径是根据publicPath来决定的。 生成的图片路径所有的都是 ./images/[hash].[name].[ext] 问...原创 2018-10-19 17:39:05 · 1608 阅读 · 0 评论 -
vue-cli webpack打包时背景图片、字体路径报错问题
解决方案: 使用相对路径,所有资源都从根目录向 dist/路径下找对应资源。 添加该行代码: publicPath:"../../" 报错信息 客户端 -生成代码 分析 因为 publicPath:’/’ 设置问题,都会从根目录dist往下找路径,所以当前为css的话就无法识别’/static/***’ 开头的路径 因为html/js和图片资源处在同一目录,所以路径‘/st...原创 2018-11-12 17:24:50 · 594 阅读 · 0 评论 -
vue-cli 代码打包: 压缩+混淆+去注释
打包后的代码段:app.js 找到文件夹 build/webpack.pro.conf.js 在UglifyJsPlugin 插件中39行加入两行代码 drop_console: true, pure_funcs: [‘console.log’] new UglifyJsPlugin({ uglifyOptions: { compress: { ...原创 2019-01-21 17:01:09 · 17403 阅读 · 0 评论 -
webpack按需加载js go-debug.js/go.js
项目中使用的go.js有两个版本,一个是开发版的go-debug.js和生产环境的go.js。 debug版本会抛出警告和提醒,然而在生产环境中则不需要显示出来。 在webpack.base.conf.js中配置 resolve: { alias: { 'gojs': process.env.NODE_ENV === 'production' ? path.resolve...原创 2019-02-14 15:44:07 · 636 阅读 · 0 评论