如何在riot js中导入外部模块？

Question

您好我是新来的骚乱我想导入一个外部模块/文件在标记文件

但得到Uncaught SyntaxError: Unexpected token import错误任何想法？

Answer 1

我没有太多东西要离开你的问题，但问题很可能是你没有使用构建过程。 import语句是ES6功能，尚未在浏览器中支持。您需要使用转换程序（例如Babel JS等）将您的ES6代码转换为ES5，这将在浏览器中受支持。如果您刚刚开始构建JavaScript，则可能会在构建Riot时遇到一些问题。我的过程使用Webpack，Babel和Riot tag loader。对于初学者来说，设置可能会相当困难，但很容易找到一些优秀的资源和演练。当你做你的WebPack配置可能是这个样子：

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')）

但你仍然需要一个构建过程