Webpack 网页包样式、ts和css加载程序应仅在当前文件夹中生成文件

Webpack 网页包样式、ts和css加载程序应仅在当前文件夹中生成文件,webpack,Webpack,我的问题是,我有一个网页包项目,其中包括项目“src dir”之外的typescript类/类型/css文件和资源。因此,基本上只应包括“src”文件夹中的文件,不应包括该目录之外的文件,甚至文件层次结构中更高的文件 这些项目目录之外的文件不应包含在生成目录中,因为它们在运行时已经存在。 据我所知,这可以通过使用resolve函数来实现 include: path.resolve(__dirname, 'src') 这只会导致错误“ReferenceError:未定义路径”。我不知道我会在哪

我的问题是,我有一个网页包项目,其中包括项目“src dir”之外的typescript类/类型/css文件和资源。因此,基本上只应包括“src”文件夹中的文件,不应包括该目录之外的文件,甚至文件层次结构中更高的文件

这些项目目录之外的文件不应包含在生成目录中,因为它们在运行时已经存在。 据我所知,这可以通过使用resolve函数来实现

include: path.resolve(__dirname, 'src')
这只会导致错误“ReferenceError:未定义路径”。我不知道我会在哪里定义它

我认为这是一个相当简单的问题,但我似乎没有找到解决办法。 我正在使用webpack 4.44.1和webpack cli 3.3.12

const {CleanWebpackPlugin} = require('clean-webpack-plugin');
const path = require("path")
module.exports = {
    optimization: {
        minimize: false
    },
    entry: {
        'code': './src/code.ts'
    },
    plugins: [
        new CleanWebpackPlugin({
            cleanAfterEveryBuildPatterns: ['public/build']
        }),
    ],
    output: {
        path: __dirname + '/public',
        //filename: 'build/[name].[contenthash].js',
        filename: 'build/[name].js',
    },
    module: {
        rules: [
            {
                test: /\.ts?$/, use: 'ts-loader', exclude: /node_modules/
            },
            {
                test: /\.css$/i,
                use: ['style-loader', 'css-loader'],
            },
            {
                test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2|json|xml|ico|cur|ani)$/,
                use: ['file-loader?name=[path][name].[ext]']
            },
        ]
    },
    resolve: {
        extensions: [
            '.ts',
            '.js',
            '.json',
        ],
    },
};

您需要先导入路径库,然后才能使用它。请将其添加到webpack.config.js的顶部,例如
const path=require(“path”)
或者如果您使用的是ES6,则可以使用
从“path”导入path

您需要导入路径库才能使用它。请将其添加到webpack.config.js的顶部,例如
const path=require(“path”)
或者如果您使用的是ES6,则可以使用
从“path”导入path

它是
require.resolve
const path=require('path')
-在节点jst中没有全局调用
path
。我也尝试过这个,错误将导致模块解析失败:意外的令牌(26:22)您可能需要一个合适的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件。但是,请看,这个想法是让加载程序忽略类型,并将它们视为任何类型(与vanillaJS的方法相同)失败的模块路径是什么/无法解析的文件的“类型”是什么?它是
require.resolve
const path=require('path'))
-在nodejst中没有全局调用的
路径
。我也尝试了此操作,该错误将导致模块解析失败:意外标记(26:22)您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件。但是你看,这个想法是让加载器忽略类型,并将它们视为任何类型(与vanillaJS的方法相同)失败的模块路径是什么/无法解析的文件的“类型”是什么?注释的thx,如上所述,不幸的是它不起作用(我忘记了相应地更新代码-现在完成)@marius您使用什么命令来运行webpack build???thx用于注释,如上所述,该注释不幸不起作用(我忘了相应地更新代码-现在完成)@marius您使用什么命令来运行webpack build???