相关疑难解决方法(0)

如何从reactjs中的cdn导入库?

我试过了:

import 'maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css';
Run Code Online (Sandbox Code Playgroud)

但它会产生错误.如何在我的app.js文件中导入cdn ?

reactjs

22
推荐指数
3
解决办法
4万
查看次数

webpack 动态加载外部模块失败

我正在尝试建立以下架构:一个核心 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)

javascript module dynamic-import reactjs webpack

13
推荐指数
1
解决办法
9391
查看次数

如何在reactjs中使用外部js文件

我正在尝试将 bootstrap 4 模板转换为 reactjs bootstrap 工作正常,但还有其他 javascript 插件,我不知道如何使用 . 任何建议,将不胜感激。

javascript reactjs bootstrap-4

5
推荐指数
1
解决办法
1万
查看次数

从 HTML、CSS、JS 转换为 JSX、CSS、JS 时,如何在 react 中链接我的 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)

如果它可以工作,请告诉我,这一定意味着我必须解决其他地方的错误。

提前致谢

html javascript css reactjs

5
推荐指数
1
解决办法
163
查看次数

标签 统计

reactjs ×4

javascript ×3

bootstrap-4 ×1

css ×1

dynamic-import ×1

html ×1

module ×1

webpack ×1