We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
I got stuck with an IE11-compatible issue. here is it:
I check the taskpane.js file find it still using deconstruct expression which is from ES6.
after that, I checked the webpack.config.js file. I google it, so the babel-loader should be used to convert ES6 to ES5. here is the file:
/* eslint-disable no-undef */ const devCerts = require("office-addin-dev-certs"); const CopyWebpackPlugin = require("copy-webpack-plugin"); const HtmlWebpackPlugin = require("html-webpack-plugin"); const webpack = require("webpack"); const urlDev = "https://localhost:3000/"; const urlProd = "xxxxx"; // CHANGE THIS TO YOUR PRODUCTION DEPLOYMENT LOCATION async function getHttpsOptions() { const httpsOptions = await devCerts.getHttpsServerOptions(); return { cacert: httpsOptions.ca, key: httpsOptions.key, cert: httpsOptions.cert }; } module.exports = async (env, options) => { const dev = options.mode === "development"; const config = { devtool: "source-map", entry: { polyfill: ["core-js/stable", "regenerator-runtime/runtime"], vendor: ["react", "react-dom", "core-js", "@fluentui/react"], taskpane: ["react-hot-loader/patch", "./src/taskpane/index.js"], commands: "./src/commands/commands.js", }, output: { clean: true, }, resolve: { extensions: [".ts", ".tsx", ".html", ".js"], }, module: { rules: [ { test: /\.jsx?$/, use: [ "react-hot-loader/webpack", { loader: "babel-loader", options: { presets: ["@babel/preset-env"], }, }, ], exclude: /node_modules/, }, { test: /\.html$/, exclude: /node_modules/, use: "html-loader", }, { test: /\.(png|jpg|jpeg|gif|ico|svg)$/, type: "asset/resource", generator: { filename: "assets/[name][ext][query]", }, }, { test: /\.css$/, use: ["style-loader", "css-loader"], }, { test: /\.scss$/, use: ["style-loader", "css-loader", "sass-loader"], }, ], }, plugins: [ new CopyWebpackPlugin({ patterns: [ { from: "assets/*", to: "assets/[name][ext][query]", }, { from: "manifest*.xml", to: "[name]" + "[ext]", transform(content) { if (dev) { return content; } else { return content.toString().replace(new RegExp(urlDev, "g"), urlProd); } }, }, ], }), new HtmlWebpackPlugin({ filename: "taskpane.html", template: "./src/taskpane/taskpane.html", chunks: ["taskpane", "vendor", "polyfill"], }), new HtmlWebpackPlugin({ filename: "commands.html", template: "./src/commands/commands.html", chunks: ["commands"], }), new webpack.ProvidePlugin({ Promise: ["es6-promise", "Promise"], }), new webpack.ProvidePlugin({ "React": "react", }), ], devServer: { hot: true, headers: { "Access-Control-Allow-Origin": "*", }, https: env.WEBPACK_BUILD || options.https !== undefined ? options.https : await getHttpsOptions(), port: process.env.npm_package_config_dev_server_port || 3000, }, }; return config; };
I found it works in my code but not the library. before:
after:
So what am I supposed to do to convert the library code?
The text was updated successfully, but these errors were encountered:
No branches or pull requests
I got stuck with an IE11-compatible issue. here is it:
I check the taskpane.js file find it still using deconstruct expression which is from ES6.
after that, I checked the webpack.config.js file. I google it, so the babel-loader should be used to convert ES6 to ES5.
here is the file:
I found it works in my code but not the library.
before:
after:
So what am I supposed to do to convert the library code?
The text was updated successfully, but these errors were encountered: