
webpack
文章平均质量分 60
前端打包 webpack gulp grunt
peade
前端开发
展开
-
webpack打包报错: name «MockStorage», expected: punc «;»
产生原因在webpack进行代码压缩的时候,用到了uglify-js , uglify-js在进行代码压缩的时候,无法压缩es6的代码造成的。这个原因,我有点不理解。因为我在别的项目里,用了uglify-js,也能打包es6代码。解决方法使用 uglify-es 代替 uglify-js...原创 2020-04-24 16:02:12 · 792 阅读 · 0 评论 -
webpack-chain添加plugin
官方代码示例config .plugin(name) .use(WebpackPlugin, args)使用说明plugin(name) 这里的name,是webpack-chain里的key,就是要加入的插件在webpack-chain配置里的keyWebpackPlugin 使用的webpack插件名,在这里,可以直接使用插件,无需进行实例化,就是不需要new Webpac...原创 2020-01-07 12:34:50 · 9702 阅读 · 1 评论 -
webpack4 启动时报 Cannot read property 'properties' of undefined
今天重新切换项目,启动webpack dev是报了 一个 properties undefined。在这个错误上面,还有一句话 如下:options Schema.definitions.output.properties.path.description看报错的详细,没有发现是配置上的问题。在google上找,查到了下面这个链接https://github.com/webpa...原创 2018-09-28 17:03:39 · 16525 阅读 · 1 评论 -
gulp打包requirejs项目
gulp打包requirejs项目源起项目目录欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与...原创 2018-11-20 17:55:02 · 1905 阅读 · 0 评论 -
mini-css-extract-plugin Conflicting order 警告解决
今天在开发的时候,webpack提示了一个错误,mini-css-extract-plugin Conflicting order ,具体详细是提示了common.scss 和pmodal.scss两个的顺序冲突。网上查了下,有的说是要重新安装一下mini-css-extract-plugin 升级一下版本就能解决问题。我试了下这个方法,问题没有解决。我继续查,最后追踪到了github的下...原创 2018-12-08 10:57:49 · 38062 阅读 · 4 评论 -
移动web开发手机测试,解决手机无法打开开发网址问题
windows系统作为开发机在web开发中,我们用webpack做打包工具,例如vue-cli,create-react-app这类的脚手架工具。我们在网上查如何用手机测试,都会告诉我们去配置devServer。devServer的配置项,如下所示。 useLocalIp: true,host: '0.0.0.0',但是我们用手机号打开本机web服务的网址时,有时候发现还是打不开。...原创 2019-02-25 21:06:45 · 1629 阅读 · 0 评论 -
webpack:使用公共cdn上的js,优化项目公共js包大小
在开发Vue项目的时候,一般打包的时候,会把公共js打包到app.js,vendor.js里面。app.js会把vue,vue-router,vuex等公共js都打包进去,最后会生成一个很几百K到几M大小的js文件。要优化这个包,一个思路就是使用外部cdn,例如jsDeliver,bootcdn,staticfile 等上面的公共静态资源js。这就带来了一个问题,如何在页面理,引入这些外部js...原创 2019-09-05 17:10:28 · 1183 阅读 · 0 评论