webpack-externals | 易学教程

Externals defined in webpack.config still getting error module not found

阅读更多关于 Externals defined in webpack.config still getting error module not found

问题 I have defined externals in webpack.config for material-ui module.exports = [{ entry: ... output:... externals: { react: { commonjs: "react", commonjs2: "react" }, "material-ui": { commonjs: "material-ui", commonjs2: "material-ui" } }, module: ... }]; Still its giving error like- Cannot resolve module 'material-ui/IconButton'...... In my entry js file, I have import React, {Component} from "react"; import IconButton from "material-ui/IconButton"; ..... ..... 回答1: Ok I solved it. External

Externals defined in webpack.config still getting error module not found

阅读更多关于 Externals defined in webpack.config still getting error module not found

I have defined externals in webpack.config for material-ui module.exports = [{ entry: ... output:... externals: { react: { commonjs: "react", commonjs2: "react" }, "material-ui": { commonjs: "material-ui", commonjs2: "material-ui" } }, module: ... }]; Still its giving error like- Cannot resolve module 'material-ui/IconButton'...... In my entry js file, I have import React, {Component} from "react"; import IconButton from "material-ui/IconButton"; ..... ..... Ok I solved it. External expects complete path. So either, import {IconButton} from "material-ui" or externals: { "material-ui/IconButton

How to use a library from a CDN in a Webpack project in production

阅读更多关于 How to use a library from a CDN in a Webpack project in production

I'd like to use react.min.js from a CDN in production (e.g. https://unpkg.com/react@15.3.1/dist/react.min.js ) What is the best way to get Webpack to transform my import React from 'react' statements into const React = window.React instead of building node_modules/react into the bundle? I've been doing it with resolve.alias like this: In index.html : <head> <script type="text/javascript" src="https://unpkg.com/react@15.3.1/dist/react.min.js"></script> <script type="text/javascript" src="/assets/bundle.js"></script> </head> In webpack.prod.config.js : alias: { react$: './getWindowReact', },

How to use a library from a CDN in a Webpack project in production

阅读更多关于 How to use a library from a CDN in a Webpack project in production

问题 I\'d like to use react.min.js from a CDN in production (e.g. https://unpkg.com/react@15.3.1/dist/react.min.js) What is the best way to get Webpack to transform my import React from \'react\' statements into const React = window.React instead of building node_modules/react into the bundle? I\'ve been doing it with resolve.alias like this: In index.html : <head> <script type=\"text/javascript\" src=\"https://unpkg.com/react@15.3.1/dist/react.min.js\"></script> <script type=\"text/javascript\"