首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在riot js中导入外部模块?

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

Stack Overflow用户
提问于 2017-04-05 18:35:18
回答 1查看 696关注 0票数 0

您好,我是riot新手,我想在标记文件中导入外部模块/文件

但是获取Uncaught SyntaxError: Unexpected token import错误有什么想法吗??

EN

回答 1

Stack Overflow用户

发布于 2017-06-16 06:35:16

我没有从你的问题中得到太多东西,但问题很可能是你没有使用构建过程。import语句是ES6的一项功能,在浏览器中尚不受支持。您需要使用转译器(例如Babel JS等)。将您的ES6代码转换为浏览器支持的ES5。如果你是构建javascript的新手,你在构建Riot时可能会遇到一些问题。我的进程使用Webpack、Babel和Riot tag loader。对于初学者来说,设置可能相当困难,但很容易找到一些很好的资源和演练。完成后,您的webpack配置可能如下所示:

代码语言:javascript
运行
复制
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)/
    }
  ]}
}

如果你不想包括巴别塔,就用good ol‘require()

例如const utils = require('./utils.js'))

但是您仍然需要一个构建过程

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43228706

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档