Question

我是使用Webpack的新手。我试图从我的bundle.js访问函数testResults（）。

我在浏览器控制台中收到以下错误：

未捕获的TypeError：myNewLibrary.testResults不是函数

在我的终端内：

storecheck-react |Hash: 5aa3626e36e217209e16   storecheck-react | Version: webpack 3.8.1
storecheck-react | Time: 2523ms
storecheck-react |      Asset     Size  Chunks                    Chunk Names
storecheck-react |  bundle.js   286 kB    0, 1  [emitted]  [big]  app:
storecheck-react | bundle.css  2.98 kB    0, 1  [emitted]         app:
storecheck-react |   [49] ./js/showResults.js 159 bytes {0} {1} [built]
storecheck-react |     + 189 hidden modules
storecheck-react |
storecheck-react | ERROR in chunk showResults [entry]
storecheck-react | bundle.js
storecheck-react | Conflict: Multiple assets emit to the same filename bundle.js

文件结构

-- src
---- css/
---- js/
---- ** showResults.js
---- app.js (requires './js/showResults')

showResults功能

export function testResults(){
  return 'hello' // just for testing if I can access global function.
}

的WebPack 我曾在Google上搜索过在全球范围内发布功能，并且有一些提示添加了“图书馆”和“图书馆”。到webpack配置。我在webpack.config.js中的输入和输出如下所示：

entry: {
    'app:':'./app.js',
    'showResults':'./js/showResults.js'
  },
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js', // bundle.js
     library: 'myNewLibrary',
  },

呼叫在外部页面中运行：

<script src="http://localhost:8000/static/bundle.js"></script>

<script>
var result = myNewLibrary.testResults();
console.log(result);
</script>

webpack导出功能全局

0 个答案: