Webpack可以加载Handlebar模板吗?

时间:2016-07-07 00:22:35

标签: javascript reactjs webpack ghost

我有一个使用Gulp和Webpack的开发环境。使用Gulp的唯一目的是使用ReactJS(我已经工作)为主题开发提供Ghost服务器。 Webpack的目的是为我的项目编译和提供我的依赖项。截至目前,我无法在我的测试主题中加载捆绑的.js文件。我很好奇这是否是一个Webpack问题,它要么加载.hbs文件,要么我的配置中的某些内容搞砸了。

Ghost服务器加载正常,但当我切换到我正在开发的主题时,页面出错,说它无法找到带有404的捆绑.js文件。我&#39我想:

  1. 没有将Webpack配置为正确提供.hbs个文件。
  2. 已将Webpack配置为正确提供.hbs个文件,但我的配置一般都搞砸了。
  3. 目前这是Webpack的不可能性
  4. 我想在服务.js文件中加载我的捆绑.hbs以获取Ghost主题。

    我已经为我的项目提供了一个例子。只需按照超级简单的设置,您就可以了。

    Project link

    项目设置

    My-Project
    |--/gulp
       |--/dev-tasks              //individual dev gulp tasks
          |-ghost.js              //Initializes Ghost config, run's sequence of tasks for webpack-dev-server
          |-init.js               //triggers symlinking of Ghost theme
          |-sequence.js           //maps out sequence of Gulp tasks
          |-styles.js             //style compiling
          |-symlink.js            //links local theme with Ghost configuration in /node_modules/
          |-task-runner.js        //runs Gulp tasks
          |-webpack-build-dev.js  // Loads the dev compiler 
          |-webpack-build-prod.js // Not worrying about this one...
          |-webpack-dev-server.js // Runs the devServer
       |-ghost-dev-config.js      //configures Ghost environment
    |--/public
       |-default.hbs
       |-index.hbs
       |-package.json
    |--/src
       |--/containers
          |-App.js
          |-Home.js
          |-StyleGuide.js
          |-Uploader.js
       |--/styles
          |-main.sass
       |-router.js
    |-gulpfile.js
    |-package.json
    |-webpack.dev.config.js
    |-webpack.prod.config.js
    

    我现在想要实现的目标是不支持Webpack吗?我可以通过使用Gulp和Browserfiy来解决问题,但我希望能够解决这个问题并使Webpack能够满足我的需求。

0 个答案:

没有答案