美文网首页
[为IE8打造] 使用webpack4 搭建一个支持模块化开发的

[为IE8打造] 使用webpack4 搭建一个支持模块化开发的

作者: JakeBless | 来源:发表于2023-10-19 16:13 被阅读0次

你是否还在为老的项目上线需要修改js版本号而发愁?
你是否还在为老的项目一个js4000行而发愁?你是否在为上传图片资源而发愁?
问题不大,接下来,我将手把手教你搭建一个属于自己的webpack项目。

webpack_base_app地址: https://github.com/hjdshu/webpack-app-ie8#webpack_base_app

解决哪些问题

  1. ie8天生不支持vue, 所以以前的全家桶用不了
  2. 使用默认的webpack配置的项目在ie8里跑不起来怎么办?
  3. 项目里有php或者django变量怎么办?
  4. 需要兼容ie8,也想前端工程化?

提供哪些功能

  1. 支持less, dev热更新
  2. 所有资源, 打包压缩,hash
  3. 打包后支持ie8,暂时不支持babel等,可自行添加
  4. 支持嵌入php变量,参考html里面的 <%= htmlWebpackPlugin.options.phpCode %> 部分内容,与build文件里的配置项做映射处理
  5. 支持多页面,支持ie7+(因为项目虽然是ie8兼容,实际上ie7也能跑),如果要用promise等,请根据项目兼容情况酌情添加

start dev

yarn
yarn dev

build

yarn build

相关文章

  • 2020-07-16

    ##模块化开发 浏览器只支持`ES6`的模块化,其他的需要使用`webpack`处理后才能在浏览器上使用 模块化是...

  • 使用 webpack4 从0开始搭建 react 项目(优化篇)

    前言 上一篇文章讲的如何使用 webpack 项目地址: 搭建一个简易的项目使用 webpack4 从0开始搭建 ...

  • create-react-app支持CSS Modules

    我们已经搭建了一个react项目,为了避免class命名冲突,现在我们想要支持css模块化开发。我们已经释放了we...

  • Vue.js心得,从今天开始

    1. Vue.js为什么不支持IE8? Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟...

  • Bootstrap 4对IE8的支持

      从Bootstrap4开始,就不在支持IE8了,如果你需要IE8支持,建议大家使用Bootstrap 3。当然...

  • wepy踩坑记

    wepy是一个微信小程序框架,支持模块化开发,开发风格类似Vue.js。可搭配redux使用,能同时打包出web和...

  • webpack编译ES6,JSX(Vue,react)

    参考 webpack4 的30个步骤打造优化到极致的 react 开发环境,如约而至webpackbabel 配置...

  • 可以说是最快的CocoaPods私有库的搭建

    私有库的搭建,可以方便的为我们的工程进行功能性解耦,模块化开发提供了很大的便利,根据实际项目体验下来,使用Coco...

  • Module 2 Module

    Android模块化开发小demo 内置Android路由, 支持注解设置路由 如果你只想使用内置的Android...

  • Vue2.0兼容IE10+

    Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它...

网友评论

      本文标题:[为IE8打造] 使用webpack4 搭建一个支持模块化开发的

      本文链接:https://www.haomeiwen.com/subject/qhbywctx.html