如何解决如何进行Webpack配置，以自动为自定义部署环境加载所有文件？
我正在电子商务的SaaS环境中工作，他们提供的开发环境会自动监视脚本和样式表上的更改，并将其上载到服务器以进行开发，就像webpack的dev服务器一样。
但是，此环境在名为useContext的特定文件夹中需要6个特定文件，并且除了香草Javascript和原始CSS之外，我目前无法使用任何其他工具。
这些文件是：
- checkout-confirmation-custom.js
- checkout-confirmation-custom.css
- checkout6-custom.js
- checkout6-custom.css
- checkout-instore-custom.js
- checkout-instore-custom.css
我想设置webpack配置文件，使我可以将这6个文件放在checkout-ui-custom文件夹中，并将.js和.sass | .scss文件编译成这6个文件。
我已经设法对.js文件执行此操作，但是我尝试了几种针对.scss文件的加载程序组合，但没有一个将我的代码简化为这6个文件名。 我不需要块，哈希等。只需要编译这3个.js文件及其各自的导入内容，并对scss文件进行相同操作即可。
这是我现在拥有的配置：
src/运行const path = require('path')
const { CleanWebpackPlugin } = require('clean-webpack-plugin')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const src = './src'
const outputDir = './checkout-ui-custom'
const __DEV__ = process.env.NODE_ENV === 'development'
module.exports = (env) => {
return [
{
entry: {
'checkout6-custom': {
import: src + '/checkout6-custom.js',filename: 'checkout6-custom.js',},'checkout-confirmation-custom': {
import: src + '/checkout-confirmation-custom.js',filename: 'checkout-confirmation-custom.js','checkout-instore-custom': {
import: src + '/checkout-instore-custom.js',filename: 'checkout-instore-custom.js',/*'checkout6-custom': {
import: src + '/checkout6-custom.scss',filename: 'checkout6-custom.css',*/
},output: {
filename: '[name].js',path: path.resolve(__dirname,'checkout-ui-custom'),plugins: [
new CleanWebpackPlugin(),new MiniCssExtractPlugin({
filename: '[name].css',chunkFilename: '[id].css',}),],module: {
rules: [
{
test: /\.(css|sass|scss)$/,include: [path.join(__dirname,'src'),path.join(__dirname,'data')],use: [
MiniCssExtractPlugin.loader,{
loader: 'sass-loader',options: {
sourceMap: true,]
}
时出现此错误：
webpack感谢您的帮助！谢谢
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
