webpack при postinstall не работает при загрузке машинописного текста - PullRequest
Новая
       72

webpack при postinstall не работает при загрузке машинописного текста

0 голосов
/ 17 июня 2020

У меня есть пакет, который я создал для запуска сценария webpack после установки. Буквально так, как описано в моем пакете. json

"scripts": {       
   ...
   "postinstall": "webpack"
}

веб-пакет выглядит так: 

const path = require('path');

const { VueLoaderPlugin } = require('vue-loader')

module.exports = {
    target: "node",
    entry: {
        Core: path.resolve(__dirname,'src/Core.ts')
    },
    devtool: 'inline-source-map',
    output: {
      filename: "[name].js",
      chunkFilename: "[name].js",
      libraryTarget: 'commonjs',
      path: path.resolve(__dirname, "dist")
    },
    externals: {
        canvas: "commonjs canvas",
    },
    resolve: {
        extensions: [".js", ".ts"]
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
            },
            {
                test: /\.vue$/,
                loader: 'vue-loader',
                exclude: /node_modules/
            },
            {
                test: /\.ts$/,
                use: [{
                    loader: 'ts-loader',
                    options:{
                        configFile: path.resolve(__dirname,"tsconfig.json")
                    }
                }],
                exclude: /node_modules/,
            }
        ]
    },
    mode: 'development',
    plugins: [
        new VueLoaderPlugin(),
    ],
};

Когда я нахожусь в пакете и запускаю постскриптум, он работает нормально. Когда я включаю пакет в другой проект, я получаю ошибку машинописного текста, и я не уверен, почему. Это похоже на то, что загрузчик машинописного текста ts-loader не работает. Есть идеи, почему? 

ERROR in ./src/Core.ts 32:0
Module parse failed: The keyword 'interface' is reserved (32:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

1 Ответ

0 голосов
/ 17 июня 2020

Ну, я обнаружил свою проблему. Когда мой проект загружается в пакет npm и триггеры после установки, мой пакет npm не имеет пакета node_modules, легко доступного для использования ts-loader et c.

Поэтому мне пришлось решить мои загрузчики для моего проекта вместо моего пакета npm. Я опубликую свою новую конфигурацию веб-пакета. 

const path = require('path');

const { VueLoaderPlugin } = require('vue-loader')

module.exports = {
    target: "node",
    entry: {
        Core: path.resolve(__dirname,'src/Core.ts')
    },
    devtool: 'inline-source-map',
    output: {
      filename: "[name].js",
      chunkFilename: "[name].js",
      libraryTarget: 'commonjs',
      path: path.resolve(__dirname, "dist")
    },
    externals: {
        canvas: "commonjs canvas",
    },
    resolve: {
        extensions: [".js", ".ts"]
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader'
            },
            {
                test: /\.vue$/,
                loader: 'vue-loader'
            },
            {
                test: /\.ts$/,
                use: [{
                    loader: 'ts-loader',
                    options:{
                        configFile: path.resolve(__dirname,"tsconfig.json")
                    }
                }]
            }
        ]
    },
    resolveLoader: {
        modules: [path.resolve(__dirname, '../../../node_modules'), path.resolve(__dirname, './node_modules')],
        extensions: ['.ts', '.vue', '.js'],
        mainFields: ['ts-loader', 'vue-loader', 'babel-loader']
    },
    mode: 'development',
    plugins: [
        new VueLoaderPlugin(),
    ],
};

Приступая к использованию веб-пакета вслепую, было больно разбираться в этом, поэтому я надеюсь, что это поможет другим

...