riot js에서 외부 모듈을 가져 오는 방법은 무엇입니까?

Question

안녕하세요 저는 폭동에 빠졌습니다. 태그 파일에 외부 모듈/파일을 가져 오려고합니다.

Uncaught SyntaxError: Unexpected token import 오류가 발생 했습니까?

Answer 1

귀하의 질문에서 완전히 벗어날 필요는 없지만 빌드 프로세스를 사용하지 않는 것이 가장 큰 문제입니다. import 문은 ES6 기능이며 브라우저에서 아직 지원되지 않습니다. 브라우저에서 지원되는 ES5로 ES6 코드를 변환하려면 transpiler (예 : Babel JS 등)를 사용해야합니다. 만약 당신이 자바 스크립트를 처음 사용한다면, 당신은 폭동을 만들 때 어떤 문제가있을 수 있습니다. 내 프로세스는 Webpack, 바벨 및 Riot tag loader을 사용합니다. 설치는 초보자에게는 매우 어려울 수 있지만, 훌륭한 리소스와 연습을 쉽게 찾을 수 있습니다. 다음과 같이 보일 수 귀하의 웹팩 설정은 작업이 완료 할 때 : 당신이 바벨을 포함한 기분하지 않는 경우

module.exports = { 
    entry: './src/index.js', 
    output: { 
    filename: 'bundle.js', 
    path: './build' 
    }, 
    module: { 
    rules: [ 
    { 
     test: /\.tag$/, 
     loader: 'riot-tag-loader', 
     enforce: 'pre' 
    }, { 
     test: /\.(js|tag)$/, 
     loader: 'babel-loader', 
     exclude: /(node_modules)/ 
    } 
    ]} 
} 

그냥 예를 들어, 좋은 똑똑한 'require()

를 사용 const utils = require('./utils.js'))

은 그러나 당신은 여전히 ​​