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