如何在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')）

但你仍然需要一個構建過程