Webpack + eslint替换linting上的源代码更改
Webpack + eslint replace source change on linting
运行在webpack开发服务器上,使用一个基于函数的字符串替换插件进行替换。我发现替换的值覆盖了我的源文件。
我的Dev服务器配置如下:
const devServer = (options) => {
return {
devServer: {
hot: true,
inline: true,
stats: 'errors-only',
host: options.host,
port: options.port,
historyApiFallback: true
},
plugins: [
new webpack.HotModuleReplacementPlugin({
multiStep: true
})
]
}
}
字符串替换插件配置为:
const constants = (data) => {
return {
module: {
loaders: [
{
test: /'.jsx?$/,
loader: StringReplacePlugin.replace({
replacements:[
{
pattern:/'`CONSTANT_(.*)'`/g,
replacement:(match,p1,offset,string)=>{
console.log('MATCH '+p1)
const keys = p1.split('.')
let current = data
keys.forEach((key)=>{
current = current[key]
})
console.log('Replacing '+p1+' with '+current)
return `'${current}'`
}
}
]
})
}
]
},
plugins: [
new StringReplacePlugin()
]
}
}
输入/输出值为:
const base = {
entry: {
app: path.resolve(PATHS.app, './index.jsx')
},
output: {
path: PATHS.build,
filename: 'app.js',
publicPath: '/'
},
resolve: {
extensions: ['', '.js', '.jsx', '.json']
}
}
是否有任何原因webpack开发服务器将更改源文件?
编辑:1添加JS部分:
const js = (paths) => {
const cacheDir = (process.env.CACHE_DIRECTORY ? process.env.CACHE_DIRECTORY : 'true')
return {
module: {
loaders: [
{
test: /'.jsx?$/,
exclude: /(node_modules|bower_components)/,
loaders: [
`babel?cacheDirectory=${cacheDir}`, // presets on .babelrc
'eslint-loader?fix'
],
include: paths
}
]
}
}
}
编辑2原因似乎是eslint加载器?修复,当移除适当的行为时实现。现在我正在寻找如何防止
把eslint-loader?
相关文章:
- 活动选项卡's源代码-获取变量s值
- 无法更改源代码的网站的自动填充功能
- 如何使用javascript编辑页面源代码
- 在不更改HTML源代码的情况下,在管理员TinyMCE编辑器中突出显示文本
- 在Node.js中,我在哪里可以看到JavaScript方法的源代码,例如hasOwnProperty
- 有没有任何方法可以将javascript对象从源代码传递到系统/浏览器剪贴板
- 当源代码可用时,如何正确保护密码
- 用PHP读取另一个网站的源代码,并将其作为字符串提供给JavaScript
- 如何在HTML源代码中提取javascript变量
- 可以't识别验证消息的源代码
- Ember.js+传单+rails(使用Javascript MVC创建rails应用程序并打开源代码映射)
- 如何在internjs中打印createpage中的HTML源代码
- Node.js和Mongodb安全+源代码加密选项
- CKeditor不会在源代码模式下更新文本区域
- 源代码未完全执行.(JS)
- Fido U2F客户端javascript源代码
- 将web浏览器客户端输入传递给服务器Java源代码
- 在JS或jQuery或任何客户端脚本的帮助下,通过查看源代码读取源代码
- 我可以使用RubyonRails抓取URL的源代码吗?还是应该使用PHP
- Webpack + eslint替换linting上的源代码更改