ES-Lint Rule "import/no-webpack-loader-syntax" please deactivate

I’m trying to use CRA as a starting Point for https://github.com/FormidableLabs/spectacle

Works fine expect the codepane - to show code you need the webpack “raw loader” witch is called like so source={require("raw!../assets/deck.example")}

Since I cant edit the webpack config in CRA - it would be great if this rule “import/no-webpack-loader-syntax” would be just a waring - no error!

Thanks for your help!

And keep an the realy good work - soooo great!

[dtinth]

For people who might stumble on this issue, here’s a workaround (make sure you understand the implication of doing this): Put this in the file you want to make an exception:

/* eslint import/no-webpack-loader-syntax: off */

[colinrobertbrooks]

If you ran create-react-app my-presentation --scripts-version spectacle-scripts to generate a Spectacle project, here’s how you pass a code sample to the CodePane component without raw-loader:

Add the following to index.html (the Prism library handles code syntax highlighting):

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/prism/1.3.0/themes/prism-tomorrow.css">
<script src="https://cdn.jsdelivr.net/prism/1.3.0/prism.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/prism/1.3.0/components/prism-jsx.min.js" type="text/javascript"></script>

Use an ES6 module with a .js extension for the code sample file (not .example):

export default `
   // code here
`;

Use the CodePane in JSX like this (note the curly braces):

{<CodePane
   lang="javascript"
   source={require("./code_sample.js").default}
/>}