Google chrome extension 使网页包忽略目录
我正在制作一个注入内容脚本的chrome扩展。我不希望内容脚本由webpack处理 我的目录结构:Google chrome extension 使网页包忽略目录,google-chrome-extension,webpack,webpack-2,webpack-file-loader,webpack-plugin,Google Chrome Extension,Webpack,Webpack 2,Webpack File Loader,Webpack Plugin,我正在制作一个注入内容脚本的chrome扩展。我不希望内容脚本由webpack处理 我的目录结构: /extension |-manifest.json |--scripts |- background.js |- content |-- script1.js |-- script2.js |-- ... 以下是我的吞咽任务,称为webpack: gulp.task('js', (cb) => { return gulp.src(['
/extension
|-manifest.json
|--scripts
|- background.js
|- content
|-- script1.js
|-- script2.js
|-- ...
以下是我的吞咽任务,称为webpack:
gulp.task('js', (cb) => {
return gulp.src(['source/scripts/**/*.js'])
.pipe(plumber({
errorHandler: function(errors) {
}
}))
.pipe(named())
.pipe(gulpWebpack({
watch: args.watch,
module: {
rules: [
{
enforce: "pre",
test: /\.json$/,
loader: "json-loader"
},
{
enforce: "pre",
test: /\.(gif|jpe?g|png)$/,
loader: "file-loader?name=img/[name].[ext]",
},
{
enforce: "pre",
test: /content\//,
loader: "file-loader?name=content/[name].[ext]",
},
{
test: /\.js$/,
loader: "babel-loader",
exclude: [
/content/
]
}
],
},
}, null, (err, stats) => {
log(`Finished '${colors.cyan('js')}'`, stats.toString({
chunks: false,
colors: true,
cached: false,
children: false
}));
}))
.pipe(gulp.dest(`/scripts`))
});
我希望将目录结构保留在构建目录中,而不是让content/
中的文件被解析,即使用文件加载器
但它们只是被解析,而我的内容脚本的
pre
规则被忽略。Webpack将只处理您正在编译的脚本所需的文件。这样做是不可能的,因为排除具有依赖项的目录会破坏您的项目。Webpack将只处理您正在编译的脚本所需的文件。这样做是不可能的,因为排除具有依赖项的目录会破坏您的项目。我已经做了一个单独的gulp任务,在不进行任何处理的情况下复制这些脚本,并从调用webpack的gulp任务中排除同一目录。我已经做了一个单独的gulp任务,在不进行任何处理的情况下复制这些脚本并将同一目录从调用webpack的gulp任务中排除gulp提供所有js文件gulp提供所有js文件