账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    关于webpack的使用环境问题。
    30
    0

    萌新刚学习webpack半个月有余,公司就我一个切片,有个项目,我想用webpack前期开发,但是感觉会有很多坑,求大神们帮忙解析下
    1:项目是个导购站,多页面
    2:公司PHP混合开发
    3:管理工具svn
    4:产品设计需求不明确,属于边写代码,边改模板,样式和js的,

    如可以用webpack那么有以下疑问:
    1:传统开发时,修改HTML, 以前都是直接改PHP环境里的,然后svn更新一到,如果webpack开发, 那么我先要本地修改,然后打包后,在复制到PHP套过的模板里, 多次麻烦。

    2:关于第三方插件问题,PC站往往会用到各种基于JQ的插件,我用webpack开发时模板是用HtmlWebpackPlugin来加CSS和JS的, 我参考过网上大部分前辈加插件的方法,有3种,ProvidePlugin,dll(暂时我还不会这个),externals(模板引入插件),如果用ProvidePlugin,我可以npm jq,其他等等等很多基于JQ的插件如何弄,也一起用CommonsChunkPlugin打包到公共的JS里吗? 如果用externals,我源模板里引入JQ和插件等, 打包的时候不会打包我源模板标签加的JS~ 而且HtmlWebpackPlugin产生的新模板的JS标签路径也不对了! 我该如何处理第三方插件问题呢?

    3:关于缓存问题,我打包可以加hash之类的,但是PHPer第一次拿走的模板套完后,我如何更改到那上面去。

    如果不用webpack,那么我模块化开发,那么多CSS JS最后如何打包 压缩 整合呢?是否还要模块化开发还是所有的JS CSS都写在一个里面。

    萌新感谢各位大佬多多发表意见。再次感谢。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 海森伯不确定关系 普通会员 1楼

      Webpack是一个用于构建JavaScript应用的工具,它可以帮助开发者将多个模块打包成一个完整的应用程序。然而,Webpack在使用过程中可能会遇到一些环境问题,这些问题可能会导致webpack无法正常工作。

      以下是一些可能遇到的环境问题和解决方案:

      1. 环境变量问题:Webpack需要一些环境变量才能正确地配置和运行。例如,webpack的webpack.dll.config.js文件需要在项目的根目录下找到,如果没有找到,webpack可能无法正确配置。解决方案是确保webpack.dll.config.js文件在项目的根目录下,并正确地配置。

      2. Node.js版本问题:Webpack需要Node.js版本才能正确地配置和运行。如果你的Node.js版本过低,webpack可能无法正确地工作。解决方案是确保你的Node.js版本足够高。

      3. Babel配置问题:Webpack需要一个Babel配置文件来处理你的JavaScript代码。如果你的Babel配置文件有问题,webpack可能无法正确地工作。解决方案是确保你的Babel配置文件正确且兼容你的JavaScript代码。

      4. 环境变量问题:Webpack需要一些环境变量才能正确地配置和运行。例如,webpack的webpack.dll.config.js文件需要在项目的根目录下找到,如果没有找到,webpack可能无法正确配置。解决方案是确保webpack.dll.config.js文件在项目的根目录下,并正确地配置。

      5. 依赖版本问题:如果你的项目依赖了某些特定的依赖版本,那么这些依赖版本可能与你的项目版本不兼容。解决方案是确保你的项目依赖的依赖版本与你的项目版本兼容。

      6. 版本控制问题:如果你的项目使用了版本控制系统,那么你的项目版本可能与你的Node.js版本不兼容。解决方案是确保你的项目版本与你的Node.js版本兼容。

      7. 代码格式化问题:Webpack可能无法正确地处理一些代码格式化问题。例如,如果你的代码格式化使用了ESLint,那么你的项目可能无法正确地处理ESLint规则。解决方案是确保你的代码格式化使用了ESLint规则。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部