Vue.js 网页包';s输出未定义,但输入文件内容有效
尝试从webpack导入Vue.js 网页包';s输出未定义,但输入文件内容有效,vue.js,npm,webpack,package,webpack-4,Vue.js,Npm,Webpack,Package,Webpack 4,尝试从webpack导入dist/index.js捆绑包时,我的导入失败,但是将dist/index.js的内容替换为src/index.js会导致它工作console.log变得相同。有什么想法吗 导入包的项目: Example.vue webpack.config.js package.json <template> ... </template> <script> import { TestComponent } from 'form-builder'
dist/index.js
捆绑包时,我的导入失败,但是将dist/index.js
的内容替换为src/index.js
会导致它工作console.log变得相同。有什么想法吗
导入包的项目:
Example.vue
webpack.config.js
package.json
<template>
...
</template>
<script>
import { TestComponent } from 'form-builder'
console.log(TestComponent) // undefined
...
</script>
import TestComponent from '../src/TestComponent.vue'
export {
TestComponent
}
console.log(TestComponent) // {name: "TestComponent", props: Array(1), components: {…}, staticRenderFns: Array(1), render: ƒ, …}
const path = require('path');
const VueLoaderPlugin = require('vue-loader/lib/plugin')
module.exports = {
mode: 'development',
entry: './src/index.js',
output: {
path: path.resolve('dist'),
filename: 'index.js'
},
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader'
},
{
test: /\.js$/,
loader: 'babel-loader'
}
]
},
plugins: [
new VueLoaderPlugin()
]
}
{
"name": "form-builder",
"version": "1.0.0",
"description": "",
"private": true,
"main": "dist/index.js",
"scripts": {
"build": "webpack --mode development"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"@babel/core": "^7.11.6",
"babel-core": "^6.26.3",
"babel-loader": "^8.1.0",
"babel-preset-env": "^1.7.0",
"babel-preset-stage-2": "^6.24.1",
"vue-loader": "^15.9.3",
"webpack": "^4.44.2",
"webpack-cli": "^3.3.12"
},
"dependencies": {
"jquery": "^3.5.1",
"vue": "^2.6.12",
"vue-template-compiler": "^2.6.12",
"webpack-merge": "^5.1.4"
}
}