Я создал и опубликовал свой первый пакет npm. Этот пакет содержит JS в синтаксисе ES6 и переносится на ES5 с помощью webpack и babel.
Теперь я хочу использовать этот пакет npm, но он не работает со следующей ошибкой:
ERROR in ./node_modules/chokidar/index.js
Module not found: Error: Can't resolve 'fs' in 'C:\dev\git\open-source\test\node_modules\chokidar'
@ ./node_modules/chokidar/index.js 3:9-22
@ ./node_modules/watchpack/lib/DirectoryWatcher.js
@ ./node_modules/watchpack/lib/watcherManager.js
@ ./node_modules/watchpack/lib/watchpack.js
@ (webpack)/lib/node/NodeWatchFileSystem.js
@ (webpack)/lib/node/NodeEnvironmentPlugin.js
@ (webpack)/lib/webpack.js
@ ./node_modules/technology-radar/webpack.config.js
@ ./sample/app.js
Для использования у меня есть следующий (минимальный) набор файлов
package.json:
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-core": "^6.26.0",
"babel-loader": "^7.1.2",
"babel-preset-env": "^1.6.0",
"babel-preset-es2015": "^6.24.1",
"webpack": "^3.5.6",
"webpack-dev-server": "^2.4.5",
"babel-polyfill": "^6.26.0",
"html-webpack-plugin": "^2.28.0"
},
"dependencies": {
"d3": "3.5.17",
"technology-radar": "^1.0.3"
}
webpack.config.js
const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
entry: {
sample: './sample/app.js',
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].js'
},
module: {
loaders: [
{
loader: 'babel-loader',
include: [
path.resolve(__dirname, "sample")
],
test: /\.js$/
}
]
},
plugins: [
new UglifyJSPlugin(),
new HtmlWebpackPlugin({
template: 'sample/index.html',
filename: 'index.html',
inject: 'body'
})
],
devtool: "#source-map"
};
образец / app.js
import Radar from 'technology-radar';
var radar = new Radar("#techradarContainer");
radar.render();
Я не знаю, есть ли в использовании или в самом пакете npm. Исходный код пакета доступен на github по адресу https://github.com/raman-nbg/techradar < / а>. Пакет npm доступен по адресу https://www.npmjs.com/package/technology-radar < / а>.
Класс, который следует экспортировать (как определено как точка входа в webpack.config.js пакета), определяется src / Radar.js с export default class Radar { ... }
. Точка входа определяется как
module.exports = {
entry: {
"technology-radar": "./src/Radar.js",
...
}
...
}
fs
, рассмотрите возможность добавления параметраtarget: 'node'
в конфигурацию вашего веб-пакета, чтобы убедиться, что веб-пакет игнорирует встроенные модули, такие какfs
,path
и т. Д. - person kharhys   schedule 03.10.2017