title: How to replace the deprecated javascriptEnabled option in less-loader with a new plugin
body: <p>I need to use inline js for my less files, and previously had a webpack config with something like this to enable inline js:</p>
  
  <pre><code>module.exports = {
    ...
    module: {
      ...
      rules: [
        ...
        {
          test: /\.less$/,
          use: [
            { loader: 'style-loader' },
            { loader: 'css-loader' },
            {
              loader: 'less-loader',
              options: { javascriptEnabled: true },
            },
          ],
        },
      ],
    },
  };
  </code></pre>
  
  <p>However the <code>javascriptEnabled</code> option has been deprecated and the replacement for this is to use the <code>@plugin</code> syntax and use a js plugin. However, I am a bit confused by the <a href="http://lesscss.org/features/#plugin-atrules-feature" rel="nofollow noreferrer">docs</a> and how exactly to implement a plugin and which plugin should be implemented in my webpack config to replace this now deprecated option so I can still use inline js. How can I go about doing this? Thanks.</p>