javascript - ES6 importe {} à partir d'un problème de nom de suffixe '..'
Récemment, je lisais l'introduction ES6 de Ruan Yifeng. Je ne comprends pas très bien les zones encerclées dans l’image ci-dessous.
L'article mentionnait que le suffixe .js ne pouvait pas être omis.
Mais l'écriture suivante apparaît ci-dessous :
// lib.js
export let counter = 3;
export function incCounter() {
counter++;
}
// main.js
import { counter, incCounter } from './lib';
console.log(counter); // 3
incCounter();
console.log(counter); // 4Iciimport { counter, incCounter } from './lib';不是省略了.jsY a-t-il un suffixe ?
Par rapport à certains codes de réaction écrits par d'autres :
import React from "react";
import { render } from "react-dom";
import { Provider } from "react-redux";
import App from "./containers/App.jsx";
import Store from "./store/Store";import React from "react";这里也省略了.js后缀，但是import App from "./containers/App.jsx";Mais le suffixe du nom a été entièrement écrit.
Veuillez demander à des experts de répondre à vos questions : Dans quelles circonstances devons-nous écrire .jsce type de suffixe après l'importation..from, et quand ne devons-nous pas écrire ? Ou est-ce parce que quelqu'un d'autre a configuré quelque chose avec un outil, il n'est donc pas nécessaire d'écrire un nom de suffixe.
Merci beaucoup ! ! !
