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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    使用ts编写的npm包如何打包成IE11能兼容的方式?
    64
    0
    最近在看skywalking-client-js(使用ts编写的项目),发现其项目打包后代码没做IE11兼容处理,比如代码中存在箭头函数、const声明,请问该如何配置才能将箭头函数、const变量等转换?。在项目中tsconfig.json,代码如下:{ "compilerOptions": { "declaration": true, "outDir": "./lib/", "noImplicitAny": true, "sourceMap": true, "module": "es6", "target": "es5", "allowJs": true, "allowSyntheticDefaultImports": true, "moduleResolution": "node" }}尝试安装配置了babel-loader,可能方式不太对,没起到效果。原相关webpack配置如下:const config = { entry: './src/index.ts', devtool: 'inline-source-map', module: { rules: [ { test: /\.tsx?$/, exclude: /node_modules/, use: 'ts-loader' }, ], }, resolve: { extensions: ['.tsx', '.ts', '.js'], mainFiles: ['index'], }, output: { filename: 'index.js', path: path.resolve(__dirname, 'lib'), publicPath: '/', }, plugins: [ new WebpackConcatPlugin({ bundles: [ { dest: './lib/src/types.d.ts', src: './src/**/*.d.ts', }, ], }), ], devServer: { contentBase: './lib', hot: true, }, optimization: { moduleIds: 'named', },};
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 苦撐 普通会员 1楼

      在使用ts编写的npm包打包成IE11能兼容的方式时,你可以使用以下方法:

      1. 使用npm的rollup-plugin-i11: 这是一个使用rollup插件将IE11兼容的代码转换为IE11兼容的代码的工具。你可以使用它来将你的ts代码打包成一个IE11兼容的.js文件。

      ```javascript import rollup from 'rollup'; import { createI11Config } from 'rollup-plugin-i11';

      export default { input: 'src/index.tsx', output: { format: 'es', name: 'main', include: ['src/*/.{js,ts}'], fileExtension: 'js', sourcemap: true, browserTarget: { target: 'ie11', }, }, plugins: [ createI11Config({ test: /.tsx?$/, use: ['rollup-plugin-i11'] }) ] }; ```

      1. 使用ie11-dev-server和webpack-dev-server: 你可以使用ie11-dev-server和webpack-dev-server来在ie11环境中运行你的项目。你可以将你的ts代码打包成一个ie11兼容的.js文件,然后使用ie11-dev-server和webpack-dev-server来运行你的项目。

      2. 使用ie11-eval: 你可以使用ie11-eval来在ie11环境中运行你的项目。你可以将你的ts代码打包成一个ie11兼容的.js文件,然后使用ie11-eval来运行你的项目。

      3. 使用ie11-eval-dom: 你可以使用ie11-eval-dom来在ie11环境中运行你的项目。你可以将你的ts代码打包成一个ie11兼容的.js文件,然后使用ie11-eval-dom来运行你的项目。

      4. 使用ie11-config: 你可以使用ie11-config来在ie11环境中配置你的项目。你可以使用ie11-config来设置ie11的兼容性选项,例如设置最小化版的浏览器兼容性。

      注意:以上方法都需要你已经在ie11环境下安装了ie11-dev-server和webpack-dev-server。你还需要在你的项目中安装ie11-eval和ie11-eval-dom。

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