调用webpack打包后的js中的函数报错问题
webpack打包后的js文件中的方法和变量都变成了局部的，外部无法直接访问。解决办法：修改上面三个方法的定义方式 将上面三个方法都改为显式添加到全局，打包后引入js调用方法即可正常显示。
开发环境和生产环境用的是同一个 webpack 配置文件，导致生产环境打包的 JS 文件包含了一大堆没必要的插件，比如HotModuleReplacementPlugin， NoErrorsPlugin 这时候不管用什么优化方式，都没多大效果。
web前端打包报错 webpack 打包成功但是会报错解决方法如下：具体看日志：This is most likely a problem with the SHOP.BM package。
会parse所有的依赖，多的时候竟然打包一次要2秒多，简直不能忍。
webpack打包后的js文件,里面的函数为什么没办法使用
webpack打包后的js文件中的方法和变量都变成了局部的，外部无法直接访问。解决办法：修改上面三个方法的定义方式 将上面三个方法都改为显式添加到全局，打包后引入js调用方法即可正常显示。
开发环境和生产环境用的是同一个 webpack 配置文件，导致生产环境打包的 JS 文件包含了一大堆没必要的插件，比如HotModuleReplacementPlugin， NoErrorsPlugin 这时候不管用什么优化方式，都没多大效果。
webpack只是给你做打包压缩之类的功能，你的文件怎么写就是怎么调用，按照你的描述，你直接在引用js的地方testFun()便可以执行这个代码。
而非项目自己的代码。这种情况下，需要先将依赖包从node_modules中删除，然后将其作为本地依赖安装到项目中，再进行修改。webpack配置中没有配置alias或者modules，导致webpack在打包时找不到修改后的文件。
使用webpack跟后台是否用nodejs无关，因为webpack在执行打包压缩的时候是依赖nodejs的，没有nodejs就不能使用webpack，就好比要使用电灯，首先必须得有电流，而电流是需要发动机来发电的。
vue打包直接修改js没用
1、创建js文件。index.html中引入这个js文件，在vue.config中调用免打包配置文件，现在在界面中就可以拿到js中定义的常量config，可以直接在界面上使用。浏览器本质就是一款软件，安装在操作系统之上。
2、vue打包的js不要有影响。如果通过import来导入变量的话，在打包的时候其实已经作为常量资源打到了项目代码中，所以你直接修改会不起作用。
3、在main.js中将ip添加到vue原型中：Vue.prototype.ip = window.ip；最后在需要调用 的地方直接使用this.ip即可。打包之后的目录结构，如果服务器的ip地址发生了变化，可直接修改server.js文件，然后保存。
4、后来发现前端是使用的vue框架，而直接将js方法写在 methods 中，这样造成这个交互js方法是局部的，无法被ios端找到。解决办法：将iOS需要调用的js方法在 created 和 mounted 方法中暴露在window下，变成全局方法。
5、如果您已经选择了使用CDN引入Vue，可以确保引入的`vue.js`文件版本正确，并且需要在vue实例化前引入Vue.js文件。如果还有问题，建议您检查引入的相关依赖是否缺失，或者直接在Vue的官方文档中查找解决方案。
webpack的style-loader打包出的js在IE8不兼容,有解决方案吗
解决webpack打包的文件体积过大问题的办法：使用weboack的watch，只有文件md5变化时，才会重新打包，并且只parse有变化的文件，其他没变化的文件是使用缓存的。
优化。另外，如果打包配置中未设置pathinfo为true的话，将不会包含源文件路径。就算多增加一个空格也和原始的不同了吧？不过，当webpack打包时，可以配置生成.map文件，使用此文件可以还原原文件。你需要问原作者索要。
但这个做法的问题是，这个第三方js文件并不是模块的写法，被webpack打包后成了下面这样，文件里alert()可以弹出，但是里面的方法和对象就用不了。
关于webpack打包的问题
或者在 vue.config里面可以使用 chainWebpack链式配置方式去配置 关于chainWebpack与configureWebpack 可以看我之前写的文章， 传送门 运行打包命令之后就会打开一个可视化页面。
再优化下去的话，我们要知道webpack打包的过程中做了啥，首先是解析依赖啦，然后就是各种各样的loader。
对比开发环境和测试环境，发现打包后样式出现问题。仔细对比发现打包后的样式z-index发生了变化。
这样的话，就可以在终端中直接执行命令：webpack就可以直接打包了，但是还有个小问题。就是它不 会自动更新，需要手动刷新一下。下面我们就来解决这个问题。
webpack有两种组织模块的依赖方式，同步、异步。异步依赖将作为分割点，形成一个新的块；在优化了依赖树之后，每一个异步区块都将作为一个文件被打包。webpack有一个智能解析器，几乎可以处理任何第三方库。
webpack只是给你做打包压缩之类的功能，你的文件怎么写就是怎么调用，按照你的描述，你直接在引用js的地方testFun()便可以执行这个代码。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
