代码之家 › 专栏 › 技术社区 › Jeff Saremi

如何从一个webpack包中导出一个符号以在另一个javascript文件中使用?

webpack javascript

Jeff Saremi · 技术社区 · 6 年前

我想在浏览器上使用一些JS模块。我已经为此创建了一个网页包项目。但是我不能在我的目标JS文件中使用它们。

我想创建一个可以使用的包,如下所示:

<html>
<head>
    <script src='ndarray-bundle.js'></script>
</head>
<body>
<script>
let ndx = ndarray(x, x_dims.slice(0)).transpose(0, 2, 3, 1);
</script>
</body>
</html>

为此,我创建了一个包含以下webpack和package.json文件的文件夹:

网页包文件:

const path = require('path');
const webpack = require('webpack');
module.exports = {
  entry: './index.js',
  mode: 'development',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'ndarray-bundle.js'
  }
};

Package.json文件:

{
  "name": "packstuff-js",
  "version": "0.0.1",
  "description": "Just so I can pack ndarray stuff as one JS file",
  "main": "./lib/index.js",
  "scripts": {},
  "repository": {
    "type": "git",
    "url": "https://nothing/"
  },
  "keywords": [
    "ndarray"
  ],
  "author": "jeff",
  "license": "MIT",
  "dependencies": {
    "ndarray": "^1.0.18"
  },
  "devDependencies": {
    "webpack": "^4.19.1",
    "webpack-cli": "^3.1.0"
  }
}

我运行webpack并获得一个捆绑文件,但每次运行时都会出现以下错误: ndarray is not defined

我使用了以下index.js内容都没有用:

import ndarray from 'ndarray';

版本2:

require('ndarray');
export const ndarray = 'ndarray';

const ndarray = require('ndarray');

版本4:

export ndarray from 'ndarray';

1 回复 | 直到 6 年前

Jeff Saremi 6 年前

https://stackoverflow.com/a/37862805/5669031

我的index.js现在看起来像:

import ndarray from 'ndarray';

window.ndarray = ndarray;

推荐文章

Guillaume Harari · 根据开发或产品环境加载css

7 年前

Max Silva · 无法使用vuejs2和webpack嵌入自定义字体

7 年前

Fered · Npm、Dev dependecy或dependecy,当使用webpack等将所有内容打包到一个脚本中时?

7 年前

Carlo · 如何使用Webpack 4仅在某些模块中导入jQuery?

7 年前

zh-mskl9 · Pug+Web包开发服务器

7 年前

Mizlul · 无法解析“css加载程序!”!自动刷新器加载程序'

7 年前

Aleksandr Gvozdev · 模拟'fs。readdirSync`节点。无递归的js

7 年前

jonnyg · 如何在docker文件中获取我可用的docker环境变量?(使用React/JS/webpack)

7 年前

Boris K · 将Extract Text Webpack插件与Vue CLI 3配合使用

7 年前

IsraGab · 使用webpack从angularjs模块加载特定指令

7 年前