Webpack arroja un error
GET http://localhost:8080/sass/main.scss net::ERR_ABORTED 404 (Not Found)pero al inicio del servidor cargó la página con css. scss importado a js con
import '../sass/main.scss';configuración del paquete web:
const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './src/js/controller.js', plugins: [ new HtmlWebpackPlugin({ template: './index.html', }), ], module: { rules: [ { test: /\.html$/i, use: ['html-loader'], }, { test: /\.s[ac]ss$/i, use: ['style-loader', 'css-loader', 'sass-loader'], }, ], }, }Parte principal de la plantilla index.html: el enlace a css aquí no influye en absoluto, solo importa dentro de js
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial- scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <link href="https://fonts.googleapis.com/css? family=Nunito+Sans:400,600,700" rel="stylesheet" /> <link rel="shortcut icon" href="/src/img/favicon.png" type="image/x-icon" /> <link rel="stylesheet" href="/src/saas/main.css" /> <title></title> <script type="module" src="/src/js/controller.js"></script> </head>¿Qué podría estar saliendo mal?
Resuelto. Eliminé el enlace al script dentro de index.html
<script type="module" src="src/js/controller.js"></script>y el error se ha ido. (el punto de entrada y la plantilla html ya están especificados en la configuración)