Javascript - Le mot clé "import" peut-il être utilisé pour importer des fichiers CSS ?

Question

Je suis peut-être un peu confus, mais existe-t-il un équivalent de

require('../css/mystyles.css')

pour le import commande ?

c'est-à-dire import '../css/mystyles.css

Si non, pourquoi ?

Le contexte :

Utiliser webpack avec vue et espérer charger les fichiers css d'une manière cohérente avec les modules.

Answer 1

Vous pouvez certainement importer des fichiers css avec la fonction import une déclaration comme celle-ci :

import "../css/mystyles.css.css"

Dans le webpack.config.js vous devez ajouter une règle pour utiliser "css-loader" et "style-loader" pour les fichiers .css :

module.exports = {
    module:{
        rules:[
            {
                test:/\.css$/,
                use:['style-loader','css-loader']
            }
       ]
    }

Regarde ça article sur les chargeurs Webpack. C'est très clair.

Answer 2

À partir de ES6, nous pouvons utiliser import mot-clé

Pour la configuration de webpack, se référer à la doc officielle ici vous obtiendrez le chiffre exact à partir de là