Webpack 如何使用sass实现nestjsmvc,并绑定javascript文件
我正在尝试用mvc实现Nestjs,编译sass文件,并用Nestjs框架之外使用的javascript文件(如jquery、vue等)创建一个包。) 我正在尝试使用webpack,扩展Nesjs webpack配置 我不能让handlebar+sass+javascript捆绑包共存。 我所有的网页手册都失败了 我在webpack.config.js项目的根目录中创建了一个文件,并在my package.json中添加了webpack命令:Webpack 如何使用sass实现nestjsmvc,并绑定javascript文件,webpack,sass,nestjs,Webpack,Sass,Nestjs,我正在尝试用mvc实现Nestjs,编译sass文件,并用Nestjs框架之外使用的javascript文件(如jquery、vue等)创建一个包。) 我正在尝试使用webpack,扩展Nesjs webpack配置 我不能让handlebar+sass+javascript捆绑包共存。 我所有的网页手册都失败了 我在webpack.config.js项目的根目录中创建了一个文件,并在my package.json中添加了webpack命令: "start: dev": &q
"start: dev": "nest start --watch --webpack --webpackPath webpack.config.js"
使用这个配置文件
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const path = require('path');
module.exports = function (options)
{
return {
...options,
plugins: [
...options.plugins,
new HtmlWebpackPlugin({
template: path.resolve(__dirname, './src/resources/views/index.hbs'),
filename: 'index.html', // output file
}),
],
module: {
rules: [
...options.module.rules,
{
test: /\.s[ac]ss$/i,
use: [
'file-loader',
'css-loader',
{
loader: 'sass-loader',
options: {
implementation: require('node-sass'),
},
},
]
}
]
}
};
};
但我甚至还没有接近我的意图,有人能帮我一下吗?
提前谢谢