我试过了:
import 'maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css';
Run Code Online (Sandbox Code Playgroud)
但它会产生错误.如何在我的app.js文件中导入cdn ?
我正在尝试建立以下架构:一个核心 React 应用程序,它构建了一些基本功能,以及在运行时加载其他 React 组件的能力。这些额外的 React 组件可以按需加载,它们在构建核心应用程序时不可用(因此它们不能包含在核心应用程序的 bundle 中,必须单独构建)。经过一段时间的研究,我遇到了Webpack Externals,它看起来很合适。我现在使用以下 webpack.config.js 单独构建我的模块:
const path = require('path');
const fs = require('fs');
process.env.BABEL_ENV = 'production';
process.env.NODE_ENV = 'production';
const appDirectory = fs.realpathSync(process.cwd());
const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
module.exports = {
entry: './src/MyModule.jsx',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'MyModule.js',
library: 'MyModule',
libraryTarget: 'umd'
},
externals: {
"react": "react",
"semantic-ui-react": "semantic-ui-react"
},
module: {
rules: [
{
test: /\.(js|jsx|mjs)$/,
include: resolveApp('src'),
loader: require.resolve('babel-loader'),
options: {
compact: true,
},
} …Run Code Online (Sandbox Code Playgroud) 我正在尝试将 bootstrap 4 模板转换为 reactjs bootstrap 工作正常,但还有其他 javascript 插件,我不知道如何使用 . 任何建议,将不胜感激。
我有一个使用 HTML、CSS、Javascript 创建的典型网站,我正在尝试将其转换为 react。
我可以使用在线转换器轻松地将我的 HTML 转换为 JSX,而我的 CSS 是相同的,我只需要以不同的方式导入它。
但现在我对如何链接我的 javascript 文件感到困惑。因为我的 HTML 现在是 JSX,它也在一个 Javascript 文件中。
通常在 html 中,这就是链接我的 java 脚本所需要做的一切,并且一切正常:
<script type="text/javascript" src="js/main.js"></script>
Run Code Online (Sandbox Code Playgroud)
我将如何在反应中做到这一点,以便我的 JSX 具有与我的 HTML 相同的功能?
现在我是否尝试从文件位置导入它:
import './javascript/main.js'
Run Code Online (Sandbox Code Playgroud)
它什么也不做。我没有收到任何错误。我的 JSX 和 CSS 工作正常,我的 CSS 是(这个导入工作正常):
import './css/main.css'
Run Code Online (Sandbox Code Playgroud)
如果它可以工作,请告诉我,这一定意味着我必须解决其他地方的错误。
提前致谢