如何使用nodejs進行解析設置？

Question

我已經進行了幾天的表單驗證工作。 我正在嘗試驗證多步驟表單。

我正在使用Nodejs，ES6，Express，PUG。 我很難找到可行的方法。 我認為香菜會幫我做，但是我無法使其與NodeJS一起使用。

對於我的.js文件中的代碼（其中risk-calc是我的表單的ID）：

$('.form-navigation .next').click(function() {
  if ($('#risk-calc').parsley().validate({group: 'block-' + curIndex()}))
    navigateTo(curIndex() + 1);

我的控制台錯誤是“ $（...）。parsley不是函數。”

我已經通過NPM parselyjs和jquery安裝了。

編輯。

嘗試使用webpack添加全局變量。

仍然有問題，但這看起來如何？

plugins: [
    new ExtractTextPlugin('style.css'),
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      parsley: 'parsleyjs/dist/parsley.js'
    }),

Answer 1

包含jquery代碼后，您將需要包含解析后的javascript代碼。 然后，這將擴展jquery對象以具有parsely方法。

如果您都通過npm導入了parsleyjs ，則在捆綁之前，需要在JavaScript的主條目文件頂部導入parsleyjs模塊。 我建議使用webpack進行捆綁。

import 'parsleyjs'

通常，可以通過webpack提供插件將jQuery全局添加到您的項目文件中。

請參閱： https ： //webpack.js.org/plugins/provide-plugin/

new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery'
})