大佬教程收集整理的这篇文章主要介绍了angularjs – 如何防止webpack在源目录中生成编译文件,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
问题是编译的文件和源映射是在我的文件夹中编写的,而不是像使用webpack-dev-server时从内存中提供的bundle.js文件.
而不是在我的目录中有index.ts我最终得到:
. ├── index.js ├── index.js.map └── index.ts
可以这样做吗?
我的tsconfig.json是:
{ "compilerOptions": { "target": "es6","sourceMap": true,"module": "commonjs" },"exclude": [ "node_modules","src/dist" ],"version": "1.6.2" }
和webpack.config.js是:
module.exports = { context: PATHS.app,entry: { app: ['./index.ts'] },output: { path: path.resolve(__dirname,'dist'),filename: 'bundle.js' },// add resolve clause:root module: { loaders: [ { test: /\.ts$/,exclude: /node_modeuls/,loader: 'babel-loader!ts-loader' },{ test: /\.js$/,exclude: /node_modules/,loader: 'babel-loader' },{ test: /\.less$/,loader: "style!css!less",exclude: /node_modules/ },{ test: /\.html$/,loader: "html" },{ test: /\.(ttf|eot|svg|otf)$/,loader: "file" },{ test: /\.woff(2)?$/,loader: "url?limit=10000&minetype=application/font-woff" },{ test: /\.jpe?g$|\.gif$|\.png$|\.svg$|\.woff$|\.ttf$|\.wav$|\.mp3$/,loader: require.resolve("file-loader") + "?name=../[path][name].[ext]"} ] },devServer: { contentBase: "./src" },devtool: '#inline-source-map' }
可能您的源是由IDE自动编译的,默认情况下,编译结果放在源文件旁边.
您可以尝试在IDE中禁用自动编译.大多数IDE都识别compileOnSave选项.在tsconfig.json中将它设置为false,你应该没问题.
示例tsconfig.json
{ "compilerOptions": { "target": "es6","module": "commonjs","compileOnSave": false },"version": "1.6.2" }
您还可以通过在tsconfig.json中定义outDir来尝试解决方法.
您的示例tsconfig.json可能看起来像
{ "compilerOptions": { "target": "es6","outDir": "compiled" },"version": "1.6.2" }
现在所有编译结果都将放在编译目录中,可以轻松忽略.
以上是大佬教程为你收集整理的angularjs – 如何防止webpack在源目录中生成编译文件全部内容,希望文章能够帮你解决angularjs – 如何防止webpack在源目录中生成编译文件所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。